回答
document.getElementById('formsubmit').onclick=function(){
document.getElementById('form').scrollTop = 0;
return false;
}
input {
display:block;
}
.form {
height:100px;
overflow-y:auto;
}
<div>
<h1>form</h1>
<div class="form" id="form">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="submit" id="formsubmit">
</div>
</div>
試過了,但似乎沒有工作。它看起來像對話不受scrollTop影響。儘管我已經通過檢查「document.getElementById('form')。scrollTop = 0;」之前和之後的值來滾動到底部,但該值仍然爲0。 –
@KarlisFilipsons你確定這個對話框是可滾動的嗎?它可以是對話框中的「div」。 – Randy
啊,你說得對。我沒有在正確的元素上使用它。現在就像魅力一樣。謝謝! –
儘管這個問題已經被標記爲答案,這不是滾動到頂部的角度-Y方式。這樣做的更好的方式是通過做:
@ViewChild('scrollContainer') private myScrollContainer: ElementRef;
constructor(private _renderer: Renderer2) {}
onFormSubmit() {
this._renderer.setProperty(this.scrollContainer.nativeElement, 'scrollTop', this.scrollContainer.nativeElement.scrollHeight);
}
input {
display:block;
}
.form {
height:100px;
overflow:auto;
}
<div>
<h1>form</h1>
<div #scrollContainer class="form">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="submit" (click)="onFormSubmit()">
</div>
</div>
一個好的經驗法則是,如果你看到```document``那麼你沒有做什麼角度來說,但香草的方式。
一個很大的錯誤,人們普遍提出的是,他們使用的ElementRef到setValues方法,屬性,CSS。根據角度文檔,ElementRef應該被用作最後的手段。你可以閱讀更多有關在這裏:https://angular.io/api/core/ElementRef
- 1. 如何自動滾動到material2 angular2對話框的頂部?
- 2. 如何在彈出jQuery UI對話框時防止滾動到頁面頂部?
- 3. 如何將滾動div內的項目滾動到頂部
- 4. jQuery對話框關閉滾動瀏覽器頂部
- 5. C#滾動到列表框頂部
- 6. Jquery - 滾動到頂部插件頂部的框
- 7. 如何滾動QPlainTextEdit到頂部?
- 8. 如何滾動到UITextView的頂部?
- 9. Angular 1材質設計在關閉Firefix對話框後滾動到頂部
- 10. jQuery對話框用戶界面不確定地滾動到頂部
- 11. 顯示對話框(通過alert或sweetalert)滾動到頁面頂部
- 12. Modal Popup將背景滾動到頂部
- 13. 將TreeView控件滾動到頂部
- 14. 的jQuery#滾動到頂部
- 15. 禁用滾動到頂部
- 16. 滾動到燈箱頂部
- 17. Android ListView滾動到頂部
- 18. LinearLayout滾動到頂部
- 19. 網格:滾動到頂部?
- 20. 滾動到頂部DIV
- 21. UIScrollView不滾動到頂部
- 22. 滾動到頂部代碼
- 23. BlockUI滾動到頂部
- 24. CollectionView滾動到頂部
- 25. Android:將FAB動畫化爲SnackBar對話框頂部
- 26. jQuery對話框滾動到對話框中的元素
- 27. 如何滾動到長滾動視圖佈局的頂部?
- 28. Android:將TabLayout引腳滾動到頂部滾動查看
- 29. 將樹節點滾動到滾動窗格的頂部
- 30. 如何將控制滾動到屏幕頂部
所以,你想,如果你提交一個表單,滾動到頂部,並且應該有一個對話呢?或者是對話框需要滾動的一些可滾動內容? – Randy
打開對話框 - >對話框中的長表單 - >提交 - >滾動到對話框頂部,以顯示錯誤提示。 –