相关疑难解决方法(0)

是否可以使用jQuery动画scrollTop?

我想顺利向下滚动.我不想为此编写一个函数 - 特别是如果jQuery已经有一个函数.

javascript jquery

222
推荐指数
7
解决办法
30万
查看次数

jquery:animate scrollLeft

我对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)

但无济于事.我究竟做错了什么?

jquery jquery-selectors

50
推荐指数
2
解决办法
12万
查看次数

jQuery animate scrollTop无法在IE 7中运行

以下适用于Chrome/FF等...

$('body').animate({scrollTop : 0}, 0);
Run Code Online (Sandbox Code Playgroud)

但是,在IE 7中,它没有做任何事情.
还有其他选择吗?

jquery cross-browser

10
推荐指数
2
解决办法
1万
查看次数

动画jQuery scrolltop

我在jQuery中有一个scrollTop函数,但我无法为其设置动画.可能吗?

$(".loadmore").click(function() {
  $(this).toggleClass("up-arrow", 1000);
  $(window).scrollTop($('.docs').offset().top, 2000);
});
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui scrolltop jquery-animate

4
推荐指数
1
解决办法
2万
查看次数

如何减慢Scroll-Top Speed

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)

javascript jquery scroll

4
推荐指数
3
解决办法
2万
查看次数