3

我正在尝试使用滚动插件将页面滚动到“#Table_Details”。但我似乎无法让它工作。

当我单击/更改单选（.ModemsSelect）按钮时，页面滚动到我刚刚单击的单选按钮的位置，而不是向下滚动我的表（“#table_Details”）所在的页面。我不确定我这样做是否正确或发生了什么。

$(".ModemsSelect,.ServicesSelect").change(function (e) {
    var data = $("#" + this.value).serialize();
    var request = $.ajax({
        url: "classes/sCart.php?action=add",
        type: "POST",
        data: data,
        dataType: "html",
        radioButton: $(this).attr('class')
    });
    request.success(function (data) {
        //$(".in_cart").html("");//clear last item selected
        console.log("extra item added to cart");
        refreshCart();
        if (this.radioButton == "ModemsSelect") {
            $.scrollTo($('#Table_Details'));

            $("#icon_check_modem").html("");
            $("#icon_check_modem").html("<img src=\"../img/check_icon.png\">");
            $('.Modem_buttonNext').button("enable");
        } else if (this.radioButton == "ServicesSelect") {
            $("#icon_check_Installtype").html("");
            $("#icon_check_Installtype").html("<img src=\"../img/check_icon.png\">");
            $(".install_buttonNext").button("enable");
        } else {

        }
    });
});

任何帮助表示赞赏。谢谢你。

4

2 回答 2

3

尝试这样做

$('html, body').animate({
  scrollTop: $("#Table_Details").offset().top
}, 2000);

而不是这个：

$.scrollTo($('#Table_Details'));

我从这篇文章中得到了代码：SMOOTHLY SCROLL TO AN ELEMENT WITHOUT A JQUERY PLUGIN

这是一个工作小提琴

于 2013-10-07T16:07:05.953 回答
3

工作小提琴http://jsfiddle.net/ePstY/

你必须替换这个：

$.scrollTo($('#Table_Details'));

有了这个：

$('html, body').animate({scrollTop:$('#Table_Details').position().top}, 'slow');
于 2013-10-07T16:11:16.033 回答