如何解决在onDrag函数中使用时滚动会出现跳动
我希望在拖动图像时使窗口屏幕向上或向下滚动,但只能与y轴一起滚动到特定行。但是我的滚动很生涩,无法正常工作。我已经尝试了多种解决方案,但不知道该怎么做。
这是我的滚动条的外观。沿直线拖动圆圈图像时,页面会向上和向下移动,但移动会变得生涩。
HTML
<div id="drag_X" class="demoDrag" draggable="true" ondrag="drag(event);">
<img id = "scrollImage" class="circleImage" src="circle.png" style="width: 40px; height: 30px;">
</div>
JavaScript
function drag(event)
{
console.log("y "+y+"current_y "+current_y);
if (collision($('#verticalLine2'),$('#scrollImage'))==true && endpage()==false)
{
incHeight();
$( ".demoDrag" ).draggable( "option","axis","y" );
$( ".demoDrag" ).draggable( "option","containment",".main" );
}
y = event.clientY;
if (y>current_y)
{
/*alert('scoll down');*/
window.scrollBy({
top: 70,left: 0,behavior: 'smooth'
});
}
else
{
window.scrollBy({
top : -70,behavior: 'smooth'
});
}
current_y=y;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。