相关疑难解决方法(0)

我正在寻找一个简单的,跨浏览器的"滚动到顶部"动画,我可以应用于链接.我不想要一个JS库,如jQuery/Moo等.

// jQuery Equivilant to convert to pure JS...
$('html, body').animate({scrollTop:0}, 400);

对于那些应该在进入图书馆之前学会了JS 100%的人来说,我是一个完美的案例.:(

我可以使用以下内容滚动到200px

btn.addEventListener("click", function(){
    window.scrollTo(0,200);
})

但我想要一个流畅的滚动效果.我该怎么做呢？

ScrollTop是一个jquery插件(转到页面顶部),试图使Scroll Speed变慢,但不能正常工作.我已经改变了scrollSpeed : 'fast',,scrollSpeed : 'slow',但它仍然很快,没有任何改变.

JS:

$.fn.extend({

    addScrollTop: function(options) {

        var defaults = {
                useObjWindow : false,
                scrollSpeed : 'fast',
                zIndex: '99'
            }

            var options = $.extend(defaults, options);  

        if($('body').find('.scrollTop-btn').length == 0) {
            $('body').append('<div class="scrollTop-btn" style="display:none;"><i class="fa fa-chevron-up"></i></div>');
        }

        if(options.useObjWindow) {
            var parentWindow = this;
            var scrollWindow = this;
        }
        else {
            var parentWindow = window;
            var scrollWindow = 'html, body';
        }

        $(document).ready(function() {

            $('.scrollTop-btn').on('click', function() {
                $(scrollWindow).animate({scrollTop:0}, options.scrollSpeed);
            });

            $(parentWindow).scroll(function() { 
                $('.scrollTop-btn').hide();
                var …