滾動股利無固定其他元素

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

滾動股利無固定其他元素

回答

相關問題