javascript - 向下箭头链接不起作用

Question

好吧，我没有看到我猜的东西......

我有一个向下链接的按钮：

HTML：

<button id="get-down"><img src="images/arrow-down.png" /></button>

CSS：

#intro #get-down{
        min-width: 4%;
        max-width: 4%;
        position: absolute;
        z-index: -998;
        bottom: 2%;
        left: 46%;
        border: none;
        border-radius: 0;
        visibility: hidden;
        cursor: pointer;
    }

        #intro #get-down > img{
            border: none;
        }

JS：

// Scroll to demo section
$(function(toDemos) {
    $('#get-down').click(function() {
        $.scrollTo('#content', 500);
    });
});

当我把它放在列表元素上时，JS 代码之前工作过。但这应该也能正常工作吧？还是我错过了什么？

非常感谢提前！

Answer 1

它的工作原理，检查这个http://jsfiddle.net/8eve6/2/ 你确定你在这里包含了某种 jQuery 插件吗：http: //demos.flesler.com/jquery/scrollTo/js/jquery .scrollTo-min.js

<script src="http://demos.flesler.com/jquery/scrollTo/js/jquery.scrollTo-min.js" type="text/javascript">

Answer 2

尝试使用该方法滚动html元素。scrollTop

$('html').scrollTop(500);

或者，如果您的#content 真的可以滚动，您也可以滚动它。

$('#content').scrollTop(500);