为什么iscroll控件不能鼠标拖动页面
2016-07-12
展开全部
JS:onScroll;
JQ:scroll(function);
滚动条,快速回到顶部代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(function() {
var scrollDiv = document.createElement('div');
$(scrollDiv).attr('id', 'toTop').html('返回顶部').appendTo('body');
$(window).scroll(function() {
if ($(this).scrollTop() != 0) {
$('#toTop').fadeIn();
} else {
$('#toTop').fadeOut();
}
});
$('#toTop').click(function() {
$('body,html').animate({ scrollTop: 0 }, 800);
})
});
为了看见,给div加上一个css样式(背景,边框)就可以了。background: #121212;
JQ:scroll(function);
滚动条,快速回到顶部代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(function() {
var scrollDiv = document.createElement('div');
$(scrollDiv).attr('id', 'toTop').html('返回顶部').appendTo('body');
$(window).scroll(function() {
if ($(this).scrollTop() != 0) {
$('#toTop').fadeIn();
} else {
$('#toTop').fadeOut();
}
});
$('#toTop').click(function() {
$('body,html').animate({ scrollTop: 0 }, 800);
})
});
为了看见,给div加上一个css样式(背景,边框)就可以了。background: #121212;
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询