如何通过链接和拖动控制网站上的滚动

How to Control Scrolling on a Website Through Links and Dragging

本文关键字：网站滚动控制拖动何通过链接更新时间：2023-09-26

如何通过（1）单击链接和（2）拖动图像来控制用户所在的滚动密集型网站。从本质上讲，我该如何处理这个网站对右下角的地图和导航栏上的链接所做的事情。

基本上，您必须在单击链接时使用JavaScript的scrollLeft()和scrollTop()方法才能将它们带到页面的某些区域。不过要小心。如果你有很多内容，在某些设备上可能会很慢。

要拖动页面上的某些对象（或拖动整个页面本身），您需要使用Hammer.js这样的库。您可以将拖动事件绑定到某个元素或页面本身，然后使用scrollLeft()和scrollTop()来控制页面。

要在滚动时"显示"移动，请使用jQuery的animate()功能。

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