documentbodyscrollTop的值總為零的解決辦法

有一個功能需要判斷返回頂部按鈕是否顯示。

JS代碼如下：

  var sTop = document.body.scrollTop;if(sTop>100){document.getElementById("sm_top").style.display="block";}else{document.getElementById("sm_top").style.display="none";}

但是發現document.body.scrollTop一直是0。

查資料發現是DTD的問題。

頁面指定了DTD，即指定了DOCTYPE時，使用document.documentElement。

頁面沒有DTD，即沒指定DOCTYPE時，使用document.body。

IE和Firefox都是如此。

而我的頁面加了<!DOCTYPE html>，所以如下即可。

     /*判斷回到頂部按鈕顯示與否*/window.onscroll=function(){var sTop = document.documentElement.scrollTop;if(sTop>100){document.getElementById("sm_top").style.display="block";}else{document.getElementById("sm_top").style.display="none";}}

?

?

本文作者starof,因知識本身在變化，作者也在不斷學習成長，文章內容也不定時更新，為避免誤導讀者，方便追根溯源，請諸位轉載注明出處：http://www.cnblogs.com/starof/p/5238654.html有問題歡迎與我討論，共同進步。

轉載于:https://www.cnblogs.com/starof/p/5238654.html

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/375026.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/375026.shtml
英文地址，請注明出處：http://en.pswp.cn/news/375026.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

spring mvc 多線程并發

spring mvc 多線程并發

ThreadLocal為解決多線程程序的并發問題提供了一種新的思路。使用這個工具類可以很簡潔地編寫出優美的多線程程序。 http://www.xuebuyuan.com/1628190.html 我們知道Spring通過各種DAO模板類降低了開發者使用各種數據持久技術的難度。這些模板類都是線程安全的&#xff0c;也就…
閱讀更多...
靶場練習第十九天~vulnhub靶場之GreenOptic: 1

靶場練習第十九天~vulnhub靶場之GreenOptic: 1

一、準備工作 kali和靶機都選擇NAT模式&#xff08;kali與靶機同網段&#xff09; 1.靶場環境 下載鏈接:GreenOptic: 1 ~ VulnHub 2.kali的ip 命令:ifconfig 3.靶機的ip 掃描靶機ip sudo arp-scan -l 二、信息收集 1.nmap的信息收集 &#xff08;1&#xff09;掃描靶機開…
閱讀更多...
靶場練習第二十五天~vulnhub靶場之Raven-2

靶場練習第二十五天~vulnhub靶場之Raven-2

一、準備工作 kali和靶機都選擇NAT模式&#xff08;kali與靶機同網段&#xff09; 1.靶場環境 下載鏈接:Raven: 2 ~ VulnHub 2.kali的ip 命令:ifconfig 3.靶機的ip 掃描靶機ip sudo arp-scan -l 二、信息收集 1.nmap的信息收集 &#xff08;1&#xff09;掃描靶機開放的…
閱讀更多...
每天一個linux命令（46）：vmstat命令

每天一個linux命令（46）：vmstat命令

vmstat是Virtual Meomory Statistics&#xff08;虛擬內存統計&#xff09;的縮寫&#xff0c;可對操作系統的虛擬內存、進程、CPU活動進行監控。他是對系統的整體情況進行統計&#xff0c;不足之處是無法對某個進程進行深入分析。vmstat 工具提供了一種低開銷的系統性能觀察方…
閱讀更多...
用TypeScript開發了一個網頁游戲引擎，開放源代碼

用TypeScript開發了一個網頁游戲引擎，開放源代碼

最開始學習電腦編程的原動力之一就是想自己編寫游戲&#xff0c;一方面很好奇這些游戲是怎么做出來的&#xff0c;另一方面覺得有些地方設計的不合理&#xff0c;希望電腦游戲既能讓人玩的有趣&#xff0c;又不浪費時間。 學校五年&#xff0c;畢業十年&#xff0c;學用了十多種…
閱讀更多...
靶場練習第二十一天~vulnhub靶場之Momentum-1

靶場練習第二十一天~vulnhub靶場之Momentum-1

一、環境搭建 1.ifconfig查看kali的ip 2.創建靶機 靶機下載地址&#xff1a;Momentum: 1 ~ VulnHub 二、信息收集 1.nmap命令 尋找靶機ip&#xff1a;nmap 192.168.101.0/24 2.端口掃描 使用命令&#xff1a;nmap -A -T4 -p 1-65535 192.168.101.113&#xff0c;發現開放2…
閱讀更多...
為集合排序的三個方法

為集合排序的三個方法

// 為集合字符串排序&#xff08;cmpare:&#xff09; // - null &#xff1a;空類型 就是字符型的0&#xff1b; // - [NSNull null]是對象類型&#xff0c;能夠存入集合的數據&#xff1a;為其分配了內存&#xff0c;但其中的值為空&#xff08;不能被排序否則程序會崩潰&am…
閱讀更多...
C#ArrayList對象集合

C#ArrayList對象集合

ArrayList alist new ArrayList();//集合對像 長度可以改變&#xff0c;類型不限//添加單個元素可以Add()alist.Add("在在的");alist.Add(35);alist.Add(3.14);alist.Add(c);alist.Add(5000m);//如果用Add()添加數組或集合最好用 alist.AddRange()alist.AddRange(…
閱讀更多...
靶場練習第二十二天~vulnhub靶場之Momentum-2

靶場練習第二十二天~vulnhub靶場之Momentum-2

一、準備工作 靶機下載地址&#xff1a;Momentum: 2 ~ VulnHub 1.查看kali的ip 使用命令ifconfig 2.使用nmap命令 nmap 192.168.101.0/24 查看開放的端口和協議&#xff1a;nmap -sV 192.168.101.114 二、信息收集 1.使用gobuster&#xff0c;尋找隱藏的網站 gobuster di…
閱讀更多...
索引深入淺出(8/10)：覆蓋索引或列包含

索引深入淺出(8/10)：覆蓋索引或列包含

在索引深入淺出&#xff1a;非聚集索引的B樹結構在聚集表里&#xff0c;在聚集表里&#xff0c;我們看到非聚集索引的葉子層只包含非聚集索引鍵和聚集索引鍵。從聚集表結構或堆表結構里拿到剩下列&#xff0c;SQL Server需要進行書簽/鍵查找操作。很多情況下書簽或鍵查找非常消…
閱讀更多...
靶場練習第二十三天~vulnhub靶場之GOATSELINUX: 1

靶場練習第二十三天~vulnhub靶場之GOATSELINUX: 1

一、準備工作 kali和靶機都選擇NAT模式&#xff08;kali與靶機同網段&#xff09; 1.靶場環境 下載鏈接:GoatseLinux: 1 ~ VulnHub 2.kali的ip 命令:ifconfig 3.靶機的ip 掃描靶機ip sudo arp-scan -l 二、信息收集 1.nmap的信息收集 &#xff08;1&#xff09;掃描靶機…
閱讀更多...
Spring事務報Connection is read-only

Spring事務報Connection is read-only

昨天做項目時&#xff0c;寫了個方法,程序突然報了Connection is readonly. Queries leading to data modification are not allowed調了程序半天&#xff0c;最后才發現是自己在spring配置文件中增加了事務.把方法寫成了大寫開頭了&#xff0c;但是spring配置是以小寫開頭 代碼…
閱讀更多...
HTTP協議具體解釋

HTTP協議具體解釋

HTTP是一個屬于應用層的面向對象的協議。因為其簡捷、高速的方式。適用于分布式超媒體信息系統。它于1990年提出&#xff0c;經過幾年的使用與發展&#xff0c;得到不斷地完好和擴展。眼下在WWW中使用的是HTTP/1.0的第六版&#xff0c;HTTP/1.1的規范化工作正在進行之中&#x…
閱讀更多...
靶場練習第二十四天~vulnhub靶場之Raven-1

靶場練習第二十四天~vulnhub靶場之Raven-1

一、準備工作 kali和靶機都選擇NAT模式&#xff08;kali與靶機同網段&#xff09; 1.靶場環境 下載鏈接:Raven: 1 ~ VulnHub 2.kali的ip 命令:ifconfig 3.靶機的ip 掃描靶機ip sudo arp-scan -l 二、信息收集 1.nmap的信息收集 &#xff08;1&#xff09;掃描靶機開放的…
閱讀更多...
【知識積累】DES算法之C#加密Java解密

【知識積累】DES算法之C#加密Java解密

一、前言 在項目需要添加安全模塊&#xff0c;客戶端調用服務端發布的service必須要經過驗證&#xff0c;加密算法采用DES&#xff0c;客戶端采用C#進行加密&#xff0c;服務端使用Java進行解密。廢話不多說&#xff0c;直接上代碼。 二、客戶端 客戶端采用C#進行開發&#xff…
閱讀更多...
Space.js – HTML 驅動的頁面 3D 滾動效果

Space.js – HTML 驅動的頁面 3D 滾動效果

為了讓我們的信息能夠有效地溝通&#xff0c;我們需要創建用戶和我們的媒體之間的強有力的聯系。今天我們就來探討在網絡上呈現故事的新方法&#xff0c;并為此創造了一個開源和免費使用的 JavaScript 庫稱為 space.js。該庫是 HTML 驅動的&#xff0c;這意味著你不需要在網站上…
閱讀更多...
離職感言-Symbio的5年工作回顧和總結（轉載）

離職感言-Symbio的5年工作回顧和總結（轉載）

離職感言-Symbio的5年工作回顧和總結 (2011-06-02 21:06:30) 轉載▼2005年底&#xff0c;當時我在西安過的還不錯&#xff0c;結了婚&#xff0c;買了房&#xff0c;在公司也受老板器重&#xff0c;但是初為人父&#xff0c;孩子帶給我的那種人生緊迫感&#xff1a;“再不趁還…
閱讀更多...
64位CentOS6.2安裝erlang及rabbitmqServer

64位CentOS6.2安裝erlang及rabbitmqServer

CentOS 6.2 64bit 安裝erlang及RabbitMQ Server 1、操作系統環境(CentOS 6.2 64bit) 1 [rootHAproxy ~]# cat /etc/issue2 3 CentOS release 6.2 (Final)4 Kernel \r on an \m5 [rootHAproxy ~]# cat /proc/cpuinfo |grep "clflush size"6 clflush size : 647 clf…
閱讀更多...
Kafka的Producer和Consumer源碼學習

Kafka的Producer和Consumer源碼學習

先解釋下兩個概念&#xff1a; high watermark (HW) 它表示已經被commited的最后一個message offset(所謂commited, 應該是ISR中所有replica都已寫入)&#xff0c;HW以下的消息都已被ISR中各個replica同步&#xff0c;從而保持一致。HW以上的消息可能是臟數據&#xff1a;部分r…
閱讀更多...
for+next()實現數組的遍歷及while list each 的使用

for+next()實現數組的遍歷及while list each 的使用

//要求使用for循環語句來完成該數組的遍歷//輸出每一項的鍵名和對應值&#xff1a; $a array( a > 34, 5 > 51, 13, 32, bb>15, 2 > 31 ); $len count($a); for($i0;$i<$len;$i)…
閱讀更多...
最新文章

Copyright @ 2022~2023