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

时间:2014-04-20 01:57:46

标签: javascript jquery html css

如何在用户所在的滚动密集型网站上进行控制(1)单击链接和(2)拖动图像。基本上,我如何使用右下方的地图和导航栏上的链接执行this site did

1 个答案:

答案 0 :(得分:0)

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

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

To" show"滚动时移动,使用jQuery的animate()函数。

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