獲取scrollTop相容各瀏覽器的方法

阿新 • • 發佈：2018-12-27

NO.2

var scrollTop = window.pageYOffset  //用於FF
                || document.documentElement.scrollTop  
                || document.body.scrollTop  
                || 0;

NO.2

var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

第一種比較常見第二種是從另一個帖子看來的可以試一試

主要這麼弄的原因就是有的頁面沒有DOCTYPE 導致了怪異模式自己搜搜吧

獲取scrollTop相容各瀏覽器的方法

NO.2 var scrollTop = window.pageYOffset //用於FF || document.documentElement.scrollTop || document.body.scrollTop

關於取可視區到頁面頂部距離（scrollTop）各瀏覽器不同的方法（兼容性）

scroll 關於火狐 nbsp 瀏覽器 top scrolltop 谷歌兼容性取scrollTop在IE、火狐瀏覽器上使用：document.documentElement.scrollTop; 在chrome（谷歌）上使用：docume

S 禁止F12和右鍵操作控制檯，相容各瀏覽器

document.oncontextmenu = function () { return false; }; document.onkeydown = function () { &nb

相容各瀏覽器的XMR物件

這段程式碼出自《JavaScript高階程式設計第三版》第521頁 function creatXHR(){ if (typeof XMLHttpRequest != "undefined") { return new XMLHttpRequest

超長顯示省略號...，相容各瀏覽器，適用於多行

超長顯示省略號是一個很困擾的事情，各個瀏覽器的對css的解析不同，比如 1. IE可以使用overflow:hidden;white-space:nowrap;text-overflow:ellipsis， 2. Opera中也有相關的支援屬性text-overflow:-

CSS clear 清除浮動，相容各瀏覽器

.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clear{zoom:1;} 這裡給出

ZeroClipboard實現相容各瀏覽器複製功能一款jquery外掛

ZeroClipboard是利用flash為媒介實現相容各瀏覽器複製功能一款jquery外掛(測試通過瀏覽器IE6-8/chrome27/firefox22/safari 5.1.5/opera12.12)，通過簡單的呼叫實現複製功能官網地址：http://zerocli

input用JavaScript實現回車響應事件，相容各瀏覽器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm

jQuery.event相容各瀏覽器的event詳細解析

介紹之前先介紹jQuery的一個方法 jQuery.event.fix(event || window.event); 此方法個瀏覽器的event物件轉換為 jQuery.event; 如果您的事件是通過jQuery方法繫結的，就不需要進行轉換了！ jQuery在遵循W

JS阻止事件冒泡相容各瀏覽器

<!DOCTYPE html> <html> <head> <title>Document</title> </head>

任意美化你的檔案域相容各瀏覽器

<div class="fileInput left"> <input type="file" name="upfile" id="upfile" class="upfile" onchange="document.getElementById('upfi

相容各大瀏覽器的js 陣列刪除元素方法方法

例項例子 1 在本例中，我們將建立一個新陣列，並向其新增一個元素： <script type="text/javascript"> var arr = new Array(6) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" arr[3

CSS各瀏覽器相容方法

作為 Web 設計師，你的網站在各種瀏覽器中有完全一樣的表現是很多人的目標，然而這是一個永遠無法真正實現的目標，很多人認為，完美的跨瀏覽器相容並不必要，這樣說雖然沒錯，但在很多情形，一種近似的相容還是很容易實現的，本文講的是各種跨瀏覽器相容的 CSS 編碼準則和技巧。

Jquery 瀏覽器頁面視窗重新整理或關閉時，執行後臺方法(相容各主流瀏覽器)

//頁面載入時方法 $(document).ready(function () { //網頁關閉時執行的方法 $(window).bind("beforeunload", function () {

各瀏覽器禁用某網站JS腳本的方法【轉】

per gin width aaa all firefox nal opera 腳本某些網站，經常會加載一些非常討厭的JS腳本，如果我們想禁止這個網站的JS腳本，可以使用下面的方法：一、IE瀏覽器 1、在Internet選項中，選擇安全選項卡，然後點擊受限制的站點，

獲取各瀏覽器的版本號

nav like tolower agent document amp java scrip edge browser: { chrome: /chrome\/(\d+\.\d+)/i.test(navigator.userAgent) ? +RegExp

BX9054: 各瀏覽器對 document.execCommand 方法的首引數可選值範圍存在差異

標準參考無。問題描述 execCommand 方法通常用於控制可編輯的 IFRAME 內容，製作富文字編輯器。但他現在為止還是非標準的，方法的首引數 Commmands 的可選值由各個瀏覽器廠商制定，支援程度並不統一。造成的影響使用僅有某個瀏覽器支援的 Co

DIV+CSS程式設計中各瀏覽器相容問題

程式碼： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <t

【轉】關於scrolltop 相容 IE6/7/8, Safari,FF的方法

1、各瀏覽器下 scrollTop的差異 IE6/7/8：對於沒有doctype宣告的頁面裡可以使用 document.body.scrollTop 來獲取 scrollTop高度；對於有doctype宣告的頁面則可以使用 document.documentEle

原生JS相容所有瀏覽器獲取瀏覽器高度和寬度,響應式佈局 js 獲取瀏覽器高度和寬度值(相容多瀏覽器)

var width = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;

獲取scrollTop相容各瀏覽器的方法

相關推薦