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

$(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');
});

猜你喜欢

转载自my.oschina.net/kaikai1/blog/1799494
今日推荐