2011-12-15 43 views
2

我的問題是,頁面刷新的時候,我想「選擇」一路滾動到頂部。但是,如果用戶在刷新之前向下滾動選擇框以查看選項(不一定要單擊其中的任何一個),則「選擇」框不會返回到頂部。如何將HTML選擇框滾動到選項而不直接選擇該選項?

我見過的答案,人們說,簡單地使用selectedIndex設置爲在列表中選擇第一個選項,因此它會自動滾動到頂部,但是這是不是一種選擇。當頁面被刷新,沒有什麼必須選擇,因此,我在此刻唯一的代碼是:

document.form1.componentselect.selectedIndex = -1; 

這是在「componentselect」清理出任何選擇有效的,但不重置滾動位置。

僅供參考,我使用直HTML和JS,無JQuery的或類似的東西。謝謝。

回答

0

所有你需要做的是首先選擇最上面的項目(如你說你不想做的),但隨後將其設爲-1!

document.form1.foo.selectedIndex=0; 
document.form1.foo.selectedIndex=-1; 

雖然我一直在尋找這個,我也想通了,如何把它記住選擇什麼,在成爲問題的情況:

http://jsfiddle.net/ryleyb/qPJ4S/

0

我認爲這是不可能改變傳統的選擇滾動條的位置,因爲這個盒子是由用戶的瀏覽器和主題直接控制(從標籤,任何由JavaScript插件生成框選擇),而不會由JavaScript直接干涉。

我相信「重置」顯示的是強迫用戶再次單擊該字段,隱藏和重新顯示選擇標籤的唯一途徑。但是,您需要再次單擊才能打開該框,並且阻礙的不僅僅是幫助用戶。

+0

哇。在我看來,Web開發人員在刷新時重置(選擇最初加載頁面時的狀態)將是一個非常普通的/基本的需求。刷新後不要讓所有東西都滾動。感謝您的知識,但您的答案讓我感到驚訝! – 2011-12-15 15:55:13