向下箭头链接不起作用

时间:2013-06-12 16:42:41

标签: javascript button hyperlink

好的,我猜不出来的东西......

我有一个链接下来的按钮:

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);
    });
});

当我把它放在list元素上之前,JS代码工作。但这应该能够正常工作吗?或者我错过了什么?

提前多多谢谢!

2 个答案:

答案 0 :(得分:0)

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

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

或者,如果你的#content真的可以滚动,你也可以滚动它。

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

答案 1 :(得分:0)

可行,请查看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">