在framework7上显示滚动到顶部按钮

时间:2017-05-23 23:42:38

标签: javascript jquery html-framework-7

如何在Framework7中使用scroll事件。

    $("#scrolltotop").click(function(){
        $$('.page-content').scrollTop(0, 600);
    })

滚动到顶部功能工作正常,但我想将其隐藏起来,直到他向下滚动。

更新: -

$(document).on('scroll', '.views', function(){
console.log('scrolling');
}, true);

$(window).scroll(function(){
    $('#scrolltotop').show();
});

1 个答案:

答案 0 :(得分:0)

从这样的css开始,隐藏按钮

#scrolltotop {
    display: none;
}

然后使用jQuery,在开始滚动时显示它

$(document).ready(function(){
    $(window).scroll(function(){
        $('#scrolltotop').show();
    });
});