2015-11-10 71 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