smoothdivscroll - 僅在點擊時滾動

我正在使用smootdivscroll在網站上顯示產品。產品全部加載到一個大的div中，然後使用smootdivscroll腳本左右滾動。我在左側和右側設置了箭頭，它們在盤旋或點擊時滾動。smoothdivscroll - 僅在點擊時滾動

我想禁用鼠標懸停滾動，只允許滾動時箭頭點擊。

Actual page

Smoothdiv scroll demo page

問候。

來源

2013-07-31 Samwise

我不認爲它具有內置的功能。然而，你也許可以利用這個公共的方法：在選項http://www.smoothdivscroll.com/publicMethods.html#move

禁用hotSpotScrolling和一些點擊事件監聽器綁定到那些會觸發move()方法箭頭。

來源

2013-07-31 20:22:51 dom

這是一個更好的主意，但是失去了一些插件的好處。 – Fresheyeball

@Fresheyeball事實上，它或者是用猴子修補源代碼來將這些mouseover/mouseout監聽器轉換爲mousedown/mouseup。無論哪種方式不會是優雅的，但應該工作。 – dom

閱讀該文件後，它不會沒有黑客的插件就可以了。熱點偵聽懸停並單擊，並且您不能禁用另一個。

破解遠的地方，你應該選擇（不建議）是這裏https://github.com/tkahn/Smooth-Div-Scroll/blob/master/js/jquery.smoothDivScroll-1.3.js#L195

你將需要刪除所有，但mousedown和mouseup聽衆。

來源

2013-07-31 19:53:08 Fresheyeball

不幸的是，僅僅通過禁用這兩個點擊和滾動徘徊。 – Samwise

答案已更新。 – Fresheyeball

感謝您的幫助和想法，下面是我的解決方案。

首先禁用熱點和hotspotscrolling：

visibleHotSpotBackgrounds: "", 
hotSpotScrolling: false

我創建了兩個環節，後期更新，以箭頭控制滾動圖片：

<a title="Scroll Left" href="#" onclick="MoveLeft();return false;">LEFT</a> 
<a title="Scroll Right" href="#" onclick="MoveRight();return false;">RIGHT</a>

用兩個簡單的功能，推進由+滾動 - 200像素

<script type="text/javascript"> 
    function MoveRight() { 
     $("#makeMeScrollable").smoothDivScroll("move", 200); 
    } 
    function MoveLeft() { 
     $("#makeMeScrollable").smoothDivScroll("move", -200); 
    } 
</script>

爲了平滑滾動效果集：

easingAfterMouseWheelScrolling: true

來源

2013-07-31 22:47:51 Samwise

聽起來像你實施@ dom的答案。請接受它。 – Fresheyeball

smoothdivscroll - 僅在點擊時滾動

回答

相關問題