我需要一個按鈕，將在每次被點擊

時間滾動400像素下來我有我將按鈕使用的圖像。我需要一些代碼，每次單擊圖像時都會使頁面平滑地向下滾動400px。我需要一個按鈕，將在每次被點擊

我認爲JQuery的或JavaScript會做的伎倆，我真的不知道，因爲我不知道他們。

它甚至會更好，其實，如果不是按鈕，我可以有一個快捷鍵。就像Google+上的谷歌一樣，「J」和「K」用於上下移動帖子。這正是我想要實現的。我網站上的每篇文章都會有相同的高度，這樣可以更容易編碼。

2012-02-21 JavierOcampo

的動畫功能，只需綁定到你的圖像或按鈕的點擊事件，並讓它與動畫400

例如，scrollTop的屬性，將網頁上的按鈕：

<input type="button" value="Scroll" id="scroll" />

而且使用一段JavaScript代碼：

$('#scroll').click(function() { 
    $('body').animate({scrollTop: +400}, 1000); 
})

只要確保jQuery是加載，它會工作。

負荷的jQuery的只是身體結束標籤前添加此：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

並將其列入JavaScript代碼段的最好辦法是將腳本規則上方和機身結束標記之間以下。

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#scroll').click(function() { 
     $('body').animate({scrollTop: +400}, 1000); 
    }) 
}); 
</script>

來源

2012-02-21 11:10:55 John

就像我說的，我不知道JQuery或Javascript，那麼我怎麼確定JQuery被加載？只是讓我們在同一頁上，我已經放置在頁面主體的按鈕，而你的Javascript的標籤內。到目前爲止它不適合我。 – JavierOcampo 2012-02-22 04:18:58

哇，它的作品！謝謝！只有一個小問題。它只能工作一次。我甚至嘗試添加按鈕兩次，但它沒有做任何事情。 – JavierOcampo 2012-02-24 03:56:27

嘗試用「{scrollTop：'+ = 400'}」替換「{scrollTop：+400}」，並用「$（'html，body'）替換」$（'body'）「以使其跨瀏覽器。」。看看我在那裏創建的實例：http://jsfiddle.net/dely/TN4wP/14/。 – John 2012-03-07 11:20:58

我需要一個按鈕，將在每次被點擊

回答

相關問題