jquery简单实现web版模拟移动端点击滑动

原创
2018/04/23 09:30
阅读数 530
$(document).mousedown(function(e) {
	var clientY = e.clientY;
    // .panel-body为需要点击滑动的容器,需要加style="overflow: auto;"
	var scrollTop = $('.panel-body')[0].scrollTop;
	$(document).mousemove(function(e) {
	    console.log((clientY - e.clientY + scrollTop) * 2)
		$('.panel-body').animate({scrollTop: (clientY - e.clientY + scrollTop)}, 0);
	});
});
$(document).mouseup(function(e) {
	$(document).off('mousemove');
});

 

展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部