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

Question

通过（1）单击链接并（2）拖动图像，您将如何在用户需要滚动的网站上进行控制。 本质上，我将如何处理该网站在右下角的地图以及导航栏上的链接。

Answer 1

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

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

要在滚动时“显示”运动，请使用jQuery的animate()函数。

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