我正在創建小的html離線頁面,以kiosk模式(沒有互聯網的微型博物館)在觸摸屏上顯示為文本面板。我的背景圖像是實際的滾動文本面板,我已經弄明白了這一部分。
我想在頁面的中心底部按鈕& quot跳轉& quot當訪問者觸摸它時,移動到頁面的頂部。我試圖讓按鈕的位置在頁面的底部中心,但我對這是全新的,不知道什么代碼工作。
我將嘗試上傳一些正在發生的事情,我想要什么,我的代碼的圖像。
如果可以的話,我會盡量提供圖片...
我推薦按鈕是& quot粘合的& quot在“轉到”邊上更直觀。你可以使用屏幕底部替換我設置的頂部0
<!DOCTYPE html><head><meta charset="utf-8" />
<!-- set screen 3000px big to show it functions, and buttons don't play well with center so set the button left offset (will need adjust for a given screen width and font size -->
<style>
a:-webkit-any-link { color: black ; text-decoration: none; font-size: 20px;}
body { height: 3000px ; background-color: #2a3a1f ; color: #fef1f0; font-family: Helvetica, sans-serif; text-align: center;}
button { Left: 300px ; position: fixed; top: 0 ; text-decoration: none; }
</style></head><body>
<button type="button"><a href="#top">Please scroll down for more details, and touch here to return to "Top of Page"</a></button>
<br><h1>Hello Browser, Welcome to the Small Museum</h1>
<div>
Here be many interesting Art & Facts to explore, especially below.
</div>
</body></html>