使用 scrollTop() 来获取位置，但它也在滚动页面答案

【问题标题】：Using scrollTop() to get position but it is also scrolling the page使用 scrollTop() 来获取位置，但它也在滚动页面
【发布时间】：2015-07-08 19:37:11
【问题描述】：

使用 scrollTop() 获取页面位置时出现问题。我得到了正确的位置，但它也导致底层页面滚动回顶部（见下文）。我尝试了两种方法：

var page_position = $(document).scrollTop();
$('#main-body').prepend(data.image).css('margin-top', page_position + 'px');

和：

$('#main-body').prepend(data.image).css('margin-top', $(document).scrollTop() + 'px');

data.image 是一个 div 以及从 ajax 调用返回的图像（大屏幕截图）。带有图像的 div 定位正确，但正如我上面提到的，底层页面正在滚动回顶部。

顺便说一句，我使用的是 Foundation 和它附带的 jQuery，我也尝试使用 jquery-1.11.3.min.js，结果相同。

【问题讨论】：

更新：我刚刚注意到不仅页面向上滚动，而且还有一大块空白被添加到#main-body div。
你有 JSFiddle 或 CodePen 的例子吗？

标签： jquery zurb-foundation scrolltop

【解决方案1】：

普通的 javascript，但会做你想做的事：

var page_position = window.pageYOffset || document.documentElement.scrollTop

【讨论】：

信不信由你，代码正在做同样的事情。我开始相信这是一个 Foundation 问题，而不是 jQuery 问题。

【解决方案2】：

Me be me 我完全忽略了我是如何添加边距的。我将它添加到要添加 DIV 的元素中，而不是 DIV 本身。

【讨论】：