Bootstrap中的'Submit'按鈕滾動到頂部

Question

我已經使用Twitter的Bootstrap框架創建了單個頁面組合模板。我遇到的問題是，當我點擊聯繫表單中的「提交」按鈕時，頁面一直滾動到頂部。我檢查了我沒有使用任何內部鏈接到頂部，所以我不知道爲什麼發生這種情況。我的意圖是保持在同一頁面上並向用戶顯示一些友好的信息。任何人都可以幫我弄清楚這個問題嗎？提前致謝！

模板可以訪問：

https://rawgit.com/gupta235/portfolio_template_bootstrap/master/index.html

我已提供的模板我的github頁：https://github.com/gupta235/portfolio_template_bootstrap

Answer 1

形式通常送你到一個新的一頁。由於您的表單全部位於一個頁面中，因此發送給您的「新頁面」與您之前的頁面相同，因此會將您發送到該頁面的第一部分，即頂部。

通過爲表單提供一個動作能力，而不是將您發送到新頁面或當前頁面的頂部，可以阻止頁面滾動到頂部，它會將您置於某處的某個ID頁。

與將定位點放在頁面上並給予用戶單擊將其帶到頁面的某個部分的鏈接的選項相同。

例如，如果你從

<form method="post"> 

改變你的形式開放代碼，這不是

<form method="post" action="#error-check" id="error-check"> 

這應該帶你到時候你打提交表單，而不是頁面的頂部。

Answer 2

根據標準，沒有action屬性的表單不是表單，並且實際上會導致頁面在某些瀏覽器中重新加載..我發現action =「javascript：void（0）;」效果很好。