我的頁面有一個彈出窗口,應使搜索: 如何調整網頁的滾動位置?
的問題是,彈出位於頁面的滾動下來的部分,並與搜索結果重新加載頁面時彈出的是「開放「但整個頁面從新開始時就再次開始。如何讓頁面直接「半路」向下滾動,以便結果視圖與窗口匹配?我應該使用某種錨嗎?
我的頁面有一個彈出窗口,應使搜索: 如何調整網頁的滾動位置?
的問題是,彈出位於頁面的滾動下來的部分,並與搜索結果重新加載頁面時彈出的是「開放「但整個頁面從新開始時就再次開始。如何讓頁面直接「半路」向下滾動,以便結果視圖與窗口匹配?我應該使用某種錨嗎?
你有兩個選擇:
A)使用錨點。給您的搜索框(假設它是searchdiv
)的div
提供一個ID,然後http://yoursite.com/page.html#searchdiv
會自動滾動到searchdiv
。這裏有一個小小的演示來詳細說明這一點:little link。 (注意瀏覽器地址欄中的URL)。
B)如果你想成爲一個有點更看中和動畫滾動,使用jQuery
var tp = $("#searchdiv").offset().top; //get the element's top
$('html, body').animate({scrollTop: tp}, 500); //animate for 500ms
這種方法的一個小演示:little link。
我希望有幫助!
可以使用#tag
如此這般<a name="xyz"></a>
在位置上要顯示
重定向到
的index.php#XYZ