在jquery中编写一个函数来滚动到屏幕上的特定div？

Question

我正在接近这个作为一种学习经验，而不是一个简单的让人偷走别人的功能。即Jquery.scrollTo插件。

我看了一下this实施并稍微丢失了一些。主要是关于哈希和切片。

但是他的演示实现的基本上就是我想写的东西。

但我不太确定从哪里开始？任何提示都会非常有用。

提前致谢。

Answer 1

如果你想要的只是跳到页面上的特定位置，你可以从顶部滚动元素从顶部开始的距离。

$(window).scrollTop($('#divId').offset().top);

编辑：对于动画，

$('html,body').animate({scrollTop: $('#divId').offset().top}, "slow");

Answer 2

例如，以下代码使得以下div始终以平滑效果居中动画，更改顶部旁边的速度并确保div是绝对定位

我在你要求动画时提供了这段代码

$(window).scroll(function () {

            var top = ($(window).height() - $('#popUPdiv').height()) / 2 + $(window).scrollTop();
            $('#popUPdiv').stop(true).animate({ top: top }, 350);

    });