$(window).on(' scroll',function(){});

时间:2018-01-14 02:43:14

标签: jquery css twitter-bootstrap

我试图使用CSS和jQuery显示部分标题HTML;

echo('<td>' . $hero[$i][$j] . '</td>');

它在我的iPhone / iPad(使用不同的浏览器)上工作正常但在我的笔记本电脑(Windows)上刷新页面时,我想要显示的部分再次消失,当移动滚动条时一切都回来了;

需要帮助;提前谢谢;

1 个答案:

答案 0 :(得分:0)

您可以将css方法与jquery结合使用,而不是使用addClass和remove属性

$(window).scroll(function(){console.log($(window).scrollTop());
    if($(window).scrollTop() > 800 && $(window).scrollTop() < 850)
    {
        $('#appNavTop').css('display','none');
    }
 });

$(window).scroll(function(){console.log($(window).scrollTop());
    if($(window).scrollTop() > 800 && $(window).scrollTop() < 850)
    {
        $('#appNavTop').css('display','none');
    }
 });
<aside id="appNav" class="fixed-top">
<div id="appNavTop" class="appHide">
<div class="container">
<div class="row">
<div class="col-12">
<span>appNavTop</span>
</div>
</div>
</div>
</div>
[...]
</aside>