我如何实现平滑滚动功能?

时间:2014-07-17 10:33:46

标签: jquery scrollbar

我可以使用这个jQuery代码在我的网站上实现平滑滚动功能:

$('a[href^="#"]').on('click', function(event) {

var target = $( $(this).attr('href') );

    event.preventDefault();
    $('html, body').animate({
        scrollTop: target.offset().top
    }, 1000);

});

然后我放了一个漂亮的圆形图像,将用户重定向到我想要的网站部分 只需使用以下代码:

<a href="#contact"> <img src="circular.png"> </a>

一切运作良好但是我想让用户在滚动条被禁用时用鼠标滚轮滚动我的网站?

1 个答案:

答案 0 :(得分:0)

我自己找到了答案。

我应该使用HTML onmousewheel 事件。