Question

我想在我的网站上添加2个按钮来滚动上下Div ID。我唯一想知道的是：一旦点击，我会写什么告诉按钮滚动顶部或向下滚动？我已经有了滚动动画的脚本。

查看这个网站我希望完全一样。 http://www.mecomed.com/

Answer 1

他们正在使用jQuery.ScrollTo plugin by Ariel Flesler。

按F12打开控制台 - 或右键单击“向下”按钮并执行“检查元素”
该按钮没有ID但是有一个“向下”类，所以可能使用类名查询
转到控制台中的“脚本”标签，查看加载的脚本 - 您将找到“default.js”一个（很可能是脚本编写页面）
搜索“.down”，您将找到与点击事件的绑定。

这是他们的代码：

$("#scroller a.down").bind("click", function() {
    $currpage = $("#content > div[id='" + location.hash.replace("#", "") + "']");
    if ($currpage.attr("id") != $lastchild.attr("id")) {
        $nextpage = $currpage.next();

        // here it is
        $.scrollTo($nextpage, 800, {
            easing: "easeOutExpo",
            offset: {
                top: -105
            }
        });

        location.hash = $nextpage.attr("id");
    }
    return false;
});

Div Scroll Top和;向下按钮

1 个答案: