Вот пример: http://jsfiddle.net/cB3jZ/15/
Когда вы прокручиваете текстовое поле колесиком мыши до конца, оно продолжает прокручивать остальную часть страницы. Как я могу предотвратить это!?
Когда я наводил курсор на текстовую область, я мог отключить внутреннюю прокрутку с помощью этого скрипта: https://stackoverflow.com/a/4770179/973485 Но я все еще хочу, чтобы текстовое поле можно было прокручивать.
Надеюсь, вы можете помочь! знак равно
Я обнаружил, что он продолжает прокручиваться только в том случае, если внешний контейнер является тегом body. Так что если вы это работает!
<style>
body,html {height:100%;}
#fakeBody {height:100%; overflow:auto;}
</style>
<body>
<div id="fakeBody">
<!-- popup with a textarea inside -->
</div>
</body>
Использование плагина колесика мыши jQuery:
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 или старше (но он не выдает ошибок, так что это круто)
