<script type="text/javascript>
$(document).ready(function() {
var scrolling = 0;
var maxScroll;
function scroll(scrollStatus)
{
if(scrollStatus == true)
{
if(scrolling < 0)
{
scrolling = scrolling+15;
$('.scroll').css('margin-top', scrolling+'px');
}
} else {
maxScroll = $('.scroll').height()-(-scrolling)-$('.main').height();
if(maxScroll > 0)
{
scrolling = scrolling-15;
$('.scroll').css('margin-top', scrolling+'px');
}
}
}
$('.content').mousewheel(function(event, delta) {
if(delta > 0)
{
scroll(true);
} else {
scroll(false);
}
});
});
</script>
<div class="content">
<div class="text">Text here.</div>
</div>
Какво мислите за това като за решение за скролер?