如何通過鏈接和拖動控制網站上的滾動

Question

如何通過（1）點擊鏈接和（2）拖動圖像來控制滾動密集型網站。本質上，我將如何做什麼this site did與右下角的地圖和導航欄上的鏈接。

Answer 1

基本上你將不得不使用JavaScript的scrollLeft()和scrollTop()鏈接點擊方法將他們帶到頁面的某些區域。但請注意這一點。如果您有很多內容，它在某些設備上可能會很慢。

要拖動頁面上的某些對象（或拖動整個頁面本身），您需要使用類似Hammer.js這樣的庫。您可以將拖動事件綁定到某個元素或頁面本身，然後使用scrollLeft()和scrollTop()來控制頁面。

要在滾動時「顯示」移動，請使用jQuery的animate()函數。

$(window).animate({ scrollTop: $(document).height() }, 5000);