首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在重新加载时计算偏移量().top,就像视图被滚动到顶部一样

在重新加载时计算偏移量().top,就像视图被滚动到顶部一样
EN

Stack Overflow用户
提问于 2015-08-20 21:28:37
回答 1查看 997关注 0票数 1

我使用偏移量() top来计算标题在视图端口中的位置,然后当它被斥责到视口顶部时,将类应用于该标题。

一切都很好。问题是页面被重新加载时向下滚动,在这种情况下,偏移量是从这里计算出来的,而对div的影响只会从那里向下触发。

是否有一种方法使偏移量().top总是像视图被滚动到顶部一样计算这个初始点?

这是js,

代码语言:javascript
运行
复制
     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。

代码语言:javascript
运行
复制
    <body id="body">

    <div id="titulo" class="gde">wederãlab</div>

    (sidebar, content)...

   </body>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-08-21 09:19:38

就我理解您的问题而言,您只需要运行相同的函数,但是当文档完成加载时:

代码语言:javascript
运行
复制
$(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");
    }

}

JSFiddle

这在这两种情况下都是有效的--当页面加载和滚动时。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32128701

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档