$ .scrollTo to div不能使用我现在的JS

时间:2014-11-28 12:20:42

标签: javascript jquery scrollto

我曾尝试将scrollTo函数添加到我的实际JS

$(function() {
    $('.click').click(function() {
        $('#me').stop().slideToggle(500);
        return false;
    });
});

它基本上只是在实际文本

下显示隐藏的div

我想做的是它应该马上跳到div


Js fiddle http://jsfiddle.net/3zahL1qv/


我尝试做的是添加$.scrollTo($('#me'), 500);,但出于某种原因它只会破坏我当前的JS

提前致谢

1 个答案:

答案 0 :(得分:1)

只需添加$(窗口).scrollTop(500);在你的代码中。这是一个有效的例子 - http://jsfiddle.net/3zahL1qv/1/

$(function() {
    $('.click').click(function() {
        $('#me').stop().slideToggle(500);
        $(window).scrollTop(500);
        return false;
    });
});

更好的方法如下:

$(function() {
$('.click').click(function() {
    $('#me').stop().slideToggle(500);
    $('html, body').animate({scrollTop:$("#me").position()["top"]}, 'slow');
    return false;
});

});

工作示例:http://jsfiddle.net/3zahL1qv/13/