在不修复其他元素的情况下滚动Div

Question

https://jsfiddle.net/markustroestler/ubLhygfb/2/

<div class="col-10 content" id="content">
         <ul>
          <li>News</li>
          <li>News</li>
          <li>News</li>
          <li>News</li>
          <li>News</li>
          <li>News</li>
          <li>News</li>
          <li>News</li>
          <li>News</li>
          <li>News</li>
          <li>News</li>
          <li>News</li>
          <li>News</li>
          <li>News</li>
          <li>News</li>
          <li>News</li>
          <li>News</li>
        </ul>
        </div>

.content
{
      overflow:auto;
      overflow-x:hidden;
      height:96%;
      width:100%;
    }

您好， 我创建了一个包含大量新闻的Div。我希望Div滚动，但标题和左菜单保持固定。我的Div是可滚动的，但只是鼠标指针位于其中。我实际上想要它总是滚动无论光标在哪里，我想让滚动条不可见。我尝试了一些东西，但可以帮助自己。有没有其他方法可以做到这一点，除了样式化所有其他元素修复？

感谢Markus

Answer 1

为此，您可以将鼠标滚轮事件附加到某个功能，并使用该功能滚动该特定div。

document.getElementById("mybody").addEventListener("wheel", myFunction);
function myFunction() {
 //Scroll your div
}

希望它会有所帮助。