스크롤 사업부 다른 요소

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%; 
    }

안녕하세요 고정없이 I 뉴스 많이 포함 사업부를 만들었다. 나는 Div를 스크롤하기를 원하지만 머리글과 왼쪽 메뉴는 고정 된 상태로 유지하고 싶다. 내 Div 스크롤 할 수 있지만 마우스 포인터가 안에 경우. 사실 커서가 어디에 있든 상관없이 항상 스크롤하여 스크롤 막대를 보이지 않게하고 싶습니다. 나는 몇 가지 시도했지만 나 자신을 도울 수 있습니다. 다른 모든 요소를 고정시켜야한다는 것 외에는 다른 방법이 있을까요?

감사 마르쿠스이 들어

출처

2016-08-25 Markus Tröstler

커서 위치에 상관없이 스크롤하려면'div'가 아니라 브라우저의'body'에 스크롤이 필요합니다. - 페이지 작성 방법의 구조를 변경해야 할 수도 있습니다. 이동하려는 비트에 대해'position : fixed'를 사용하십시오. – Andrew

당신이 함수에 당신이 특정 사업부를 스크롤 할 수있는 기능을 사용하여 마우스 휠 이벤트를 첨부 할 수 있습니다.

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

희망이 있으면 도움이 될 것입니다.

출처

2016-08-25 10:07:35 Pirate

스크롤 사업부 다른 요소

답변

관련 문제