轉到點擊事件jQuery的錨鏈接

Question

正如描述所言，我發現了許多有關平滑滾動和Java腳本上的location屬性的內容，但似乎沒有任何作用。我所尋找的只是模仿html“ a”標簽的功能（我不必使用此項目的html鏈接標記）

Answer 1

所以我得到的是您想向下滾動到一個元素而不使用html錨標記如果我是對的，假設您有一個html輸入標記

<input type="button" id="top" value="button"/>

該腳本將完成工作

PS #bottom_id是要滾動到的元素的ID。 或錨鏈接：

<a href="#bottom" id="bottom_id"></a>

腳本：

 $("#top").click(function() {
    $('html, body').animate({
        scrollTop: $("#bottom_id").offset().top
    }, 2000);
});

Answer 2

jQuery的方式：

$("body").scrollTop($("[name=elementname]").position().top)

這將獲得命名元素的頂部，並將滾動頂部位置設置為該位置。

有一個jquery 插件可以有效地做到這一點，但是，如果您想堅持使用純正的javascript，則可以按照上一個答案中的描述使用element.scrollTo；

可以在Mozilla的網站上找到更好的文檔。 用javascript。

Answer 3

為了使JQuery將用戶帶到與頁面不同的URL（例如錨標記），將window.location附加到事件。

例如，這：

$('#ClickMe').click(function(){ window.location = 'index.php'; });

如果用戶單擊ID為“ ClickMe”（例如EG ...