我使用偏移量() top来计算标题在视图端口中的位置,然后当它被斥责到视口顶部时,将类应用于该标题。
一切都很好。问题是页面被重新加载时向下滚动,在这种情况下,偏移量是从这里计算出来的,而对div的影响只会从那里向下触发。
是否有一种方法使偏移量().top总是像视图被滚动到顶部一样计算这个初始点?
这是js,
jQuery(function(){
var menuTopo = jQuery('#titulo').offset().top;
jQuery(window).scroll(function(){
if( jQuery(window).scrollTop() > menuTopo ) {
jQuery('#titulo').removeClass("gde").addClass("peq");
} else {
jQuery('#titulo').removeClass("peq").addClass("gde");
}
});
});
这是html。
<body id="body">
<div id="titulo" class="gde">wederãlab</div>
(sidebar, content)...
</body>
发布于 2015-08-21 09:19:38
就我理解您的问题而言,您只需要运行相同的函数,但是当文档完成加载时:
$(document).ready(function () {
testHeader();
$(window).scroll(function () {
testHeader();
});
});
function testHeader() {
if ($(this).scrollTop() > 0) {
$('#titulo').removeClass("gde").addClass("peq");
} else {
$('#titulo').removeClass("peq").addClass("gde");
}
}
这在这两种情况下都是有效的--当页面加载和滚动时。
https://stackoverflow.com/questions/32128701
复制相似问题