我正在創(chuàng)建小的html離線頁面,以kiosk模式(沒有互聯(lián)網(wǎng)的微型博物館)在觸摸屏上顯示為文本面板。我的背景圖像是實(shí)際的滾動(dòng)文本面板,我已經(jīng)弄明白了這一部分。
我想在頁面的中心底部按鈕& quot跳轉(zhuǎn)& quot當(dāng)訪問者觸摸它時(shí),移動(dòng)到頁面的頂部。我試圖讓按鈕的位置在頁面的底部中心,但我對這是全新的,不知道什么代碼工作。
我將嘗試上傳一些正在發(fā)生的事情,我想要什么,我的代碼的圖像。
如果可以的話,我會(huì)盡量提供圖片...
我推薦按鈕是& quot粘合的& quot在“轉(zhuǎn)到”邊上更直觀。你可以使用屏幕底部替換我設(shè)置的頂部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>