我想顺利向下滚动.我不想为此编写一个函数 - 特别是如果jQuery已经有一个函数.
我对jquery很新,似乎无法弄清楚为什么我的代码不起作用.我有一个水平布局,并希望使用scrollLeft()函数(这与此代码完美配合)
$("#next").click(function() {
currentElement = currentElement.next();
scrollTo(currentElement);
});
function scrollTo(element) {
$(window).scrollLeft(element.position().left);
}
Run Code Online (Sandbox Code Playgroud)
但理想情况下,我想设置动画,这样当点击#next时,左侧滚动功能有一个很好的动画效果
$("#next").click(function() {
currentElement = currentElement.next();
scrollTo(currentElement);
});
function scrollTo(element) {
$(window).animate({scrollLeft: element.position().left}, 750);
}
Run Code Online (Sandbox Code Playgroud)
但无济于事.我究竟做错了什么?
以下适用于Chrome/FF等...
$('body').animate({scrollTop : 0}, 0);
Run Code Online (Sandbox Code Playgroud)
但是,在IE 7中,它没有做任何事情.
还有其他选择吗?
我在jQuery中有一个scrollTop函数,但我无法为其设置动画.可能吗?
$(".loadmore").click(function() {
$(this).toggleClass("up-arrow", 1000);
$(window).scrollTop($('.docs').offset().top, 2000);
});
Run Code Online (Sandbox Code Playgroud) 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 …Run Code Online (Sandbox Code Playgroud)