在 framework7 上显示滚动到顶部按钮
show scroll to top button on framework7
如何在Framework7中使用滚动事件。
$("#scrolltotop").click(function(){
$$('.page-content').scrollTop(0, 600);
})
滚动到顶部功能工作正常,但我想对用户隐藏它,直到他向下滚动。
更新:-
$(document).on('scroll', '.views', function(){
console.log('scrolling');
}, true);
$(window).scroll(function(){
$('#scrolltotop').show();
});
像这样从css开始,隐藏按钮
#scrolltotop {
display: none;
}
然后用jQuery,开始滚动时显示
$(document).ready(function(){
$(window).scroll(function(){
$('#scrolltotop').show();
});
});
如何在Framework7中使用滚动事件。
$("#scrolltotop").click(function(){
$$('.page-content').scrollTop(0, 600);
})
滚动到顶部功能工作正常,但我想对用户隐藏它,直到他向下滚动。
更新:-
$(document).on('scroll', '.views', function(){
console.log('scrolling');
}, true);
$(window).scroll(function(){
$('#scrolltotop').show();
});
像这样从css开始,隐藏按钮
#scrolltotop {
display: none;
}
然后用jQuery,开始滚动时显示
$(document).ready(function(){
$(window).scroll(function(){
$('#scrolltotop').show();
});
});