Question

<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

Answer 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
});

到您的网站/应用

移动中的可滚动div锚不工作

1 个答案: