ScrollTop奇怪的填充

最近在个人网站上工作，并使用jQuery ScrollTop来动画我的内容div。但我遇到了一个问题。ScrollTop奇怪的填充

1：没有在每一个参与
第二顶奇怪的填充：滚动并不一致，即。它不会每次都滚动相同的高度。

您可以在这里看到的页面：http://mnpwr.dk/v2/index.html

- 我加了一个红色边框，所以它会更容易看到问题。

jQuery的：

jQuery.noConflict(); 

jQuery(document).ready(function() { 
    getHash(); 
}); 

// Keep track of our current state 
currentSection = 1; 

function getHash() { 

    jQuery('.scroll').on('click', function() { 
     // Get our new state 
     var gethash = jQuery(this).attr('class').split(' ')[0]; 
     // Calculate the difference, with element height of 500px using formular dest = (newPows - currentPos) * elmHeight 
     var scrollTop = (gethash - currentSection) * 500 
     jQuery('#contentDiv').animate({ 
      scrollTop: scrollTop 
     }, 500); 

     return false; 

    }); 

}

来源

2013-02-08 Köd

在CSS只需添加

p{ 
margin:0px; 
}

希望这阐明你的 '问题'

你的下一个问题是，如果你有元件，其高度是500px，如果你添加一个红色的边框1px的元素的高度实际上是502 :)
所以如果你用500做500动画，位置就不准确了。

只是一个建议，使用.position()获得元素的位置和动画scrollTop到检索值

LIVE DEMO

来源

2013-02-08 12:23:41

谢谢，无法相信我错过了。这只能回答我的一个问题。它似乎仍然不会每次都滚动相同的长度。他们滚动你的菜单进一步下降。 – 2013-02-08 12:46:29

@Köd我在我的回答中解释了你的第二个问题。 – 2013-02-08 12:57:33

事实上，利润率决定了一切，边界只是为了显示问题;）现在一切都很好，谢谢！只是想知道，你会如何建议使用.offset（），我可能会再次使用它。 – 2013-02-08 13:06:56

ScrollTop奇怪的填充

回答

相关问题