방지 mouswheel에 스크롤에서 몸이 아니라 texarea 여기

은 예입니다 나는 그것을 막을 수 있을까?방지 mouswheel에 스크롤에서 몸이 아니라 texarea 여기

내가 텍스트 영역에 마우스를 움직일 때이 스크립트 intierly 스크롤 비활성화 수 : https://stackoverflow.com/a/4770179/973485 을하지만 난 여전히 텍스트 영역이 스크롤되고 싶어요. http://jsfiddle.net/cB3jZ/15/

당신이 도움이 될 수 있습니다 희망! =) JQuery와 마우스 휠 플러그인 사용

출처

2012-01-11 BjarkeCK

외부 태그가 body 태그 인 경우에만 스크롤을 계속합니다. 그래서 만약 당신이 그것을 작동합니다!

<style> 
    body,html {height:100%;} 
    #fakeBody {height:100%; overflow:auto;} 
</style> 
<body> 
<div id="fakeBody"> 
    <!-- popup with a textarea inside --> 
</div> 
</body>

http://jsfiddle.net/cB3jZ/34/

출처

2012-01-11 23:35:26 BjarkeCK

+1 잘 찾았고 JS도 참여하지 않았습니다. Firefox 및 Chrome에서 작동하도록 확인되었습니다. –

jQuery(function($) { 
    $('textarea') 
     .bind('mousewheel', function(event, delta) {  
      if (this.scrollHeight && this.scrollHeight <= $(this).height() + $(this).scrollTop() && delta < 0){ 
       event.preventDefault() 
      } else if($(this).scrollTop()===0 && delta > 0){ 
       event.preventDefault() 
      } 
     }); 
});

나는 그것이 IE7에서 작동하지 않는 이상 (그러나 그것의 멋진 있도록, 오류가 발생하지 않음을 경고해야한다)

를

http://jsfiddle.net/cB3jZ/36/

출처

2012-01-11 23:31:28

감사합니다! 하지만 그 페이지의 상단에 날 때, 텍스트 영역에서 스크롤 : ( – BjarkeCK

다시 (업데이트) –

고마워요! 완벽하게 작동합니다!하지만 난 자바 스크립트 무료 버전을 사용하는 것 같아 :) – BjarkeCK

방지 mouswheel에 스크롤에서 몸이 아니라 texarea 여기

답변

관련 문제