滚动股利无固定其他元素

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是可滚动的，但只要鼠标指针在里面。我真的希望它总是滚动，不管光标在哪里，我想让滚动条不可见。我尝试了一些东西，但可以帮助自己。除了修复所有其他元素的样式外，是否还有其他方法可以实现此目的？

感谢马库斯

来源

2016-08-25 Markus Tröstler

无论光标位于何处，您都需要滚动浏览器的“body”而不是“div”。 - 您可能需要更改构建页面的结构。对于你不想移动的位使用'position：fixed' – Andrew

对于您可以将您的鼠标滚轮事件附加到一个函数，并使用该功能，您可以滚动特定的div。

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

希望它能帮上忙。

来源

2016-08-25 10:07:35 Pirate

滚动股利无固定其他元素

回答

相关问题