HTML 頁面實現(xiàn)全屏滾動的原理有以下幾種1 使用滾動事件和 CSS overflow 屬性2 使用 JavaScript 監(jiān)聽滾動事件，通過改變元素的 overflow 屬性來控制是否顯示滾動條，從而實現(xiàn)全屏滾動效果3 使用 position fixed 將元素。

load， falseHTML代碼ltdiv id=quotinpquotltdiv上面的小例子當touchstart事件觸發(fā)的時候，會將觸摸的位置更新到div標簽中當touchmove事件觸發(fā)的時候，會默認行為的滾動觸摸移動的默認行為是滾動頁面，然后觸摸操作的變化。

在移動端，用戶每時每刻都在觸發(fā)移動事件，比如觸摸的事件，點擊，長按，左右滑動的事件，手指縮放，等等都是移動事件的對象在pc端，我們的事件對象是和鼠標和鍵盤的事件處理監(jiān)聽等等我們首先是要通過DOM0級和DOM二級。

Html5支持iPhone觸屏的腳本寫法是利用touch事件方法觸摸事件touch會在用戶手指放在屏幕上面的時候在屏幕上滑動的時候或者是從屏幕上移開的時候出發(fā)下面具體說明touchstart事件當手指觸摸屏幕時候觸發(fā)，即使已經(jīng)有一個。

1打開軟件，文件，新建，html文件，命名隨意，我這里命名hday軟件自動生成html的基本構造首先保存一張背景圖片放在img文件夾2在lthead里聲明ltstyle bodybackgroundattachment fixedbackgroundimage url。

H5單頁面手勢滑屏切換是采用HTML5 觸摸事件Touch 和 CSS3動畫Transform，Transition來實現(xiàn)的1實現(xiàn)原理假設有5個頁面，每個頁面占屏幕100%寬，則創(chuàng)建一個DIV容器viewport，將其寬度width 設置為500%，然后將5個頁面。

因為使用的是監(jiān)聽 touchstar 和 touchend 方法，所以該方法只適用于移動端主要的思路就是監(jiān)聽“觸摸開始”和“觸摸結束”兩個事件，分別獲取事件當前的觸摸點坐標和文檔滾動的值，進行對比判斷“觸摸是否有滑動”以及“文檔。

1當開始一個touchstart事件的時候，獲取此刻手指的橫坐標startX和縱坐標startY2當觸發(fā)touchmove事件時，在獲取此時手指的橫坐標moveEndX和縱坐標moveEndY最后，通過這兩次獲取的坐標差值來判斷手指在手機屏幕上的滑動方向。

手機端頁面切換，頁面跟隨手勢上下左右滑動，依賴zeptojs如果工程中同時使用jquery的話，采用如下方式來調用zepto的方法function$$#39#Marke#39touchSliderdirection #39v#39，itemSelector#39slide#39，slidePercent0。

這個不是touchstart事件的問題，你可以在彈框彈出的同時，設置body靜止?jié)L動~給body添加css樣式overflowhidden。

移動端拖動和滑動區(qū)分可用代碼實現(xiàn)constcontainer=documentgetElementById#39container#39containeraddEventListener#39mousedown#39，event=consolelog#39mousedowneventis#39，event。

3新建一個script標簽，在這個標簽里面創(chuàng)建使用$windowscroll監(jiān)聽滾動條滾動事件案例中判斷當滾動條滾動高度超過100的時候就出現(xiàn)一個彈出框4保存html代碼后使用瀏覽器打開，然后滾動Y軸滾動條5發(fā)現(xiàn)滾動到。

1首先輸入下方的代碼windowscrollfunction var $nav = $quotfloatingMenu ul liquot，length = $navlength1，獲取導航菜單 ul li 的個數(shù) item = new Array，新建一個數(shù)組 sTop = $window。

你最好使用滑塊插件了建議你看下這篇文章，能很好地解決你的問題可以滑動滑塊時實時顯示數(shù)字網(wǎng)頁鏈接 是基于bootstrap里的一個slider插件，很好用這篇有詳細介紹，并且最下方有demo演示以及詳細的API地址ltinput id=。

原生的沒有，可以使用插件jquerymobile或者zeptojs，都有滑動事件。

400 為滑動的速度可以改成你需要的速度，單位是毫秒**錨點點擊跳轉*var AnchorClick = function obj var href = $objattrquothrefquot var pos = $hrefoffsettop $quothtml，bodyquot。