I have this input
element: 我有這個input
元素: 動畫
<input type="text" class="textfield" value="" id="subject" name="subject">
Then I have some other elements, like other text inputs, textareas, etc. 而後,我還有其餘一些元素,例如其餘文本輸入,文本區域等。 ui
When the user clicks on that input
with #subject
, the page should scroll to the last element of the page with a nice animation. 當用戶使用#subject
單擊該input
時,頁面應滾動到頁面上具備精美動畫的最後一個元素。 It should be a scroll to bottom and not to top. 它應該是滾動到底部而不是頂部。 this
The last item of the page is a submit
button with #submit
: 頁面的最後一項是帶有#submit
的submit
按鈕: spa
<input type="submit" class="submit" id="submit" name="submit" value="Ok, Done.">
The animation should not be too fast and should be fluid. 動畫不該太快且應流暢。 .net
I am running the latest jQuery version. 我正在運行最新的jQuery版本。 I prefer to not install any plugin but to use the default jQuery features to achieve this. 我更喜歡不安裝任何插件,而是使用默認的jQuery功能來實現此目的。 插件