在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 (将#修改为@）