箭頭向下鏈接不起作用

我有一個鏈接向下的按鈕：

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代碼，當我把它放在列表元素上。但是，這應該能夠正常工作？或者我錯過了什麼？

非常感謝提前！

來源

2013-06-12 Luc

貴公司的所有元素具有相同的ID？所有這些列表元素都是一樣的嗎？如果是這樣，請改爲使用班級。 –

你使用哪個插件？ Ariel Flesler是滾動嗎？ – Learner

'$（function（toDemos）{...'做什麼？ – adeneo

嘗試使用scrollTop方法代替滾動html元素。

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

或者，如果您的＃內容是真正可滾動的，您也可以滾動該內容。

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

來源

2013-06-12 16:46:17 devsnd

他沒有使用jQuery的scrollTop方法，他使用jQuery.ScrollTo插件，該方法名爲scrollTo（）。 – Learner

啊，好吧，我不知道這個插件。 – devsnd

它的工作原理，看看這個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">

來源

2013-06-12 16:53:08 Learner

是的，但我的按鈕（＃geto-down）甚至沒有反應在'cursor：pointer'上，雖然它對css的其他部分做出了反應 – Luc

它是＃下移還是＃geto-down？ – Learner

get-down。就像它在html中所說的那樣，css和js – Luc

箭頭向下鏈接不起作用

回答

相關問題