jQuery滾動到元素 - jQuery scroll to element

問題:

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 : 頁面的最後一項是帶有#submitsubmit按鈕: 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功能來實現此目的。 插件


解決方案:

參考一: https://stackoom.com/question/S107/jQuery滾動到元素
參考二: https://oldbug.net/q/S107/jQuery-scroll-to-element
相關文章
相關標籤/搜索