Question

<html>
 <body>
  <div style="height:0px;" class="mytopdiv">Text</div>
  <div class="header">OtherContent</div>
  <div class="page">PageContent</div>
 </body>
</html>

当用户滚动到标题时，我需要显示.mytopdiv。我试过这种方式：

    $(window).scroll(function () {
     if ($('.mytopdiv').height() < 340) {
       scrolldiff = $(window).scrollTop();
       if (scrolldiff < 0) {
        height = $('.mytopdiv').height() + Math.abs(scrolldiff);
        $('.mytopdiv').height(height);
       }
     }
    });

但它仅适用于chrome和safari，不适用于触控设备和firefox。

任何帮助表示赞赏！谢谢！

Answer 1

你可以说它是一种错误......下面的事情

if($.browser.safari) bodyElement = $("body")
else bodyElement = $("html,body")

bodyElement.scrollTop(100)

Answer 2

我有类似的效果，我用来比较：

if ($(window).scrollTop() <= 2) { ... }

＆＃34; 2＆＃34;如果为了避免滚动的情况几乎是＆＃34;在顶部但不完全。

但我使用opacity属性，我认为使用css动画效果更友好。

当用户滚动到标题时，jQuery显示div

2 个答案: