2012-08-29 30 views
1

我的頁面有一個彈出窗口,應使搜索: enter image description here如何調整網頁的滾動位置?

的問題是,彈出位於頁面的滾動下來的部分,並與搜索結果重新加載頁面時彈出的是「開放「但整個頁面從新開始時就再次開始。如何讓頁面直接「半路」向下滾動,以便結果視圖與窗口匹配?我應該使用某種錨嗎?

回答

3

你有兩個選擇:

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

我希望有幫助!

0

可以使用#tag

如此這般<a name="xyz"></a>在位置上要顯示

重定向到

的index.php#XYZ