La façon de ralentir le Défilement Vitesse de pointe

ScrollTop est un plugin jquery (aller en haut de la page), en essayant de faire ralentir la Vitesse de Défilement, mais pas de travail. J'ai changé scrollSpeed : 'fast', à scrollSpeed : 'slow', mais qu'il est encore rapide, rien à changer.

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 aTop = $('.scrollTop-btn').height() + 20;

                if($(this).scrollTop() >= (aTop + 20)) {
                    $('.scrollTop-btn').css('z-index', options.zIndex);
                    $('.scrollTop-btn').show();
                }
                else {
                    if($('.scrollTop-btn').is(":visible")) {
                        $('.scrollTop-btn').hide();
                    }
                }

            });


        });
    }

});

Appel:

jQuery(document).ready(function() {
jQuery("body").addScrollTop();
});

Comment le rendre plus lent ou plus lisse, quand il aller en haut?

OriginalL'auteur Aariba | 2015-11-13

  1. 10

    utiliser jquery animate()

    $('html,body').animate({ scrollTop: 0 }, 'slow');

    renvoyer cette un débordement de pile question

    Merci, mais comment appeler mon plugin de votre code? voulez solution pour mon plugin.
    votre plugin est de travailler.. supprimer l'affichage:aucun; à partir de div
    Oui, je sais, mais c'est aller à la vitesse de pointe est très rapide, je vais essayer d'être lent, comment cela?
    vous définissez millisecondes au lieu de 'slow'.. $('html,body').animate({ scrollTop: 0 }, 1000); $('html,body').animate({ scrollTop: 0 }, 2000);
    j'ai tryid, mais ne fonctionne pas. jQuery(document).ready(function() { jQuery("body").addScrollTop(); }, 5000);

    OriginalL'auteur azad

  2. 5

    Si vous le souhaitez, vous pouvez personnaliser la façon dont beaucoup de temps vous souhaitez que le "scrolling" aux dernières. Ou de faire quelque chose d'autre lorsque vous faites défiler l'effet est terminé.

    J'ai un: <a href="#" class="scrollToTop">

    Et souhaitez faire défiler jusqu'à un élément avec la classe "début"

    $('.scrollToTop').on('click', function(event){
      event.preventDefault();
      $('html, body').stop().animate({scrollTop: $('.beginning').offset().top}, 500);
 });

    La dernière partie où vous avez la 500. Vous pouvez définir la façon dont beaucoup de temps vous voulez que l'effet à la dernière. En millisecondes.

    http://api.jquery.com/animate/

    Le truc, c'est de diminuer le nombre, il est rapide.

    OriginalL'auteur Simon Berton