Jquery面板+顶部检测滚动?

时间:2015-06-10 14:06:37

标签: jquery html css scroll panel

我目前正在测试这种类型的面板jquery: http://codyhouse.co/gem/css-slide-in-panel/

但是当我想从顶部检测到滚动时会出现一个div:没办法:(

从面板顶部检测滚动的方法?我使用这种没有结果http://jsfiddle.net/apaul34208/ZyKar/3/

的东西
plt.show()

致以最诚挚的问候,

1 个答案:

答案 0 :(得分:0)

这是你在找什么?

http://jsfiddle.net/ZyKar/2327/

HTML

<div class="topMenu"></div>

CSS

body {
    height:1600px;
}
.topMenu {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #000;
    background: red;
    z-index: 1;
}

的Javascript

$(document).scroll(function () {
    var y = $(this).scrollTop();
    if (y > 1) {
        $('.topMenu').fadeIn();
    } else {
        $('.topMenu').fadeOut();
    }

});