javascript - 如何通过链接和拖动控制网站滚动

Question

您如何能够在用户通过 (1) 单击链接和 (2) 拖动图像的滚动密集型网站上进行控制。本质上，我会怎么做 this site did map 在右下角，链接在导航栏上。

Answer 1

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

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

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

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