ScrollTop是一个jQuery插件(返回页面顶部),旨在实现缓慢滚动,但无法正常工作。我已将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 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();
}
}
});
});
}
});
电话:
jQuery(document).ready(function() {
jQuery("body").addScrollTop();
});
如何使页面在滚动至顶部时变得更加平滑或缓慢?
jQuery(document).ready(function() { jQuery("body").addScrollTop(); }, 5000);
- Aariba