2015-11-10 40 views
0
<div id="makeMeScrollable"> 
    <a data-toggle="pill" href="#prepaid-mobile">Prepaid mobile</a> 
    <a data-toggle="pill" href="#postpaid-mobile">postpaid mobile</a> 
    <a data-toggle="pill" href="#dth">dth</a> 
    <a data-toggle="pill" href="http://rxx.pay1.in/#data">datacard</a>        
</div> 

这是在桌面上,但不是在手机上运行良好。我现在用的是Smooth div scrollable library可滚动的div锚在移动不工作

回答

1

从readme.md文件:

为了这个工作,你还需要包括你的页面上jquery.kinetic.js 。正如你所看到的,我已经禁用hotSpotScrolling,因为 它在触摸设备上不能很好地工作,但你不需要做 那。

请记住,在移动平台上,没有滚动,只有触摸事件。您可以使用触摸拖动屏幕,但必须仔细控制。

默认情况下,当前库中的第77行被关闭。

 // Touch scrolling 
     touchScrolling: false, 

您必须覆盖在你的JS函数调用。注意:您不想触摸github库代码,您想用自己的电话补充它。

您需要添加:

<script src="js/jquery.kinetic.min.js" type="text/javascript"</script> 

document).ready(function() { 
$("div#makeMeScrollable").smoothDivScroll({ 
    touchScrolling: true, 
    hotSpotScrolling: false 
}); 

到您的网站/应用。

+0

仍然无法使用! – user3824190

+0

您可以在Chrome浏览器上的桌面计算机上查看,然后右键单击“检查元素”以打开开发人员工具,并告诉我您在那里看到了多少错误? (在页面底部的红色圆圈X符号..)或者在另一种情况下,建立一个展示您所看到的问题的jsfiddle,以便我们也可以看到它? – zipzit