用 jquery 简单实现网页版模拟移动点击幻灯片
最编程
2024-05-01 19:19:02
...
$(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');
});