我有一個右側列表和右側樹形視圖的Web頁面,並具有拖放界面以將對象從一個移動到另一個。中間有一個垃圾桶用於刪除物品。問題是,頁面可能會變成5000px長。當用戶滾動時,如何讓垃圾桶在屏幕中居中?預先感謝您的答案!滾動時在屏幕上顯示中心對象
2
A
回答
1
你可以使用CSS來修復垃圾桶的位置。
.trash-can
{
position: fixed;
left: /*value here*/;
top: /*value here*/;
}
4
爲了保持固定在特定位置上的元件,使用position: fixed
,例如:
#trashcan {
position: fixed;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin-left: -100px; /* half the width */
margin-top: -100px; /* half the height */
}
position: fixed
很像position: absolute
但基於視口,而不是文檔的座標/位置。所以雖然position: absolute
項目將與頁面一起滾動,但position: fixed
項目將保持與視口相關的位置。
相關問題
- 1. 編寫長文本在Android屏幕上顯示以便屏幕滾動顯示
- 2. FileChooserBuilder不顯示在屏幕中心
- 3. 在移動Safari中顯示鍵盤時防止屏幕向上滾動
- 4. 滾動條不顯示整個屏幕
- 5. 滾動條不顯示整個屏幕
- 6. 在WP7中顯示軟鍵盤時防止屏幕向上滾動?
- 7. 如何在屏幕上移動對象
- 8. 向上滾動屏幕以顯示鍵盤上方的TextView
- 9. 喚醒屏幕並在鎖定屏幕上顯示對話框
- 10. 在屏幕上顯示textView
- 11. 在屏幕上顯示
- 12. Winform的:顯示(StartupPosition爲中心屏幕)
- 13. 顯示文本中心屏幕
- 14. 如何在屏幕上顯示彈出中心
- 15. 彈出窗口顯示在屏幕中心和上下文外
- 16. 這段代碼爲什麼在屏幕上不顯示對象?
- 17. 將Circle對象添加到Arraylist並在屏幕上顯示
- 18. 爲什麼Interface Builder對象不顯示在屏幕上?
- 19. 使用AR Unity在運行時的屏幕中心顯示GameObject
- 20. OpenGL旋轉對象,同時保持它在屏幕中心
- 21. 在Zabbix屏幕上顯示時鐘顯示主機時間
- 22. 滾動屏幕
- 23. 當文字大於屏幕時,HTML滾動條不顯示
- 24. 屏幕捕獲時大於顯示器而不滾動
- 25. 在LinearLayout中顯示按鈕始終在滾動時在屏幕的底部
- 26. 在屏幕滾動過多之後,在屏幕上鎖定div?
- 27. 讓一個感言滾動在屏幕前留在屏幕上
- 28. 在屏幕上居中顯示面板
- 29. 用於在Processing + Eclipse屏幕上顯示活動文本的文本對象
- 30. 滾動點擊在UIScrollView中的屏幕中心