Javascript 以特定div为目标，滚动到其外部

如果我将鼠标指向div标记内，则滚动有效，但是如果我将鼠标指向div框外，则无法滚动内容。是否可以将鼠标指针指向特定的div

测试

无论鼠标指针指向何处，是否可以将特定div作为目标

---

不是真的。。。您可能想做的是将页面的其他部分设置为

位置：fixed

或

位置：sticky

。这样，主体内容将滚动，但某些部分将保留在同一位置。堆栈溢出本身通过顶部标题和左侧边栏完成此操作。

您可以这样做

const target=document.getElementById（“目标”）；
文件.附录列表（“轮子”，功能（e）{
//防止默认滚动事件
e、 预防默认值（）；
//滚动div
scrollBy（e.deltaX，e.deltaY）；
})

#目标{
高度：100px；
溢出y：滚动；
}

测试

您可以自己注册活动。这样您就可以在

div

之外滚动所需的

div

如果您的页面有多个滚动条，那么这将是一件乏味的事情

顺便说一句，为了使它更漂亮，您需要添加动画，否则它将“离散”移动，如下图所示

document.getElementById（“滚动”）.addEventListener（“轮子”，e=>e.preventDefault（））；
document.getElementById（“main”）.addEventListener（“wheel”，e=>myFunction（e））；
函数myFunction（e）{
document.getElementById（“scroll”）.scrollTop+=0.2*e.deltaY；
}

测试

谢谢您回答这个问题。我可能会在其他情况下使用您的方法（如果我包装

id=“scroll”

）。