滚动潜水而不修复其他元素

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
}

希望它能有所帮助。