解決VUE中document.body.scrollTop爲0

原創 echone_wenqian 2020-02-22 09:34

Vue中document.body.scrollTop的值總爲零的解決辦法

最近在做vue的時候監聽頁面滾動發現document.body.scrollTop一直爲0

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

查資料發現是DTD的問題。

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

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

IE和Firefox都是如此。

echone_wenqian
發佈了62 篇原創文章 · 獲贊 24 · 訪問量 7萬+
私信 關注
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

JS_目錄

DOM(Document Object Model)文檔對象模型，以及文檔的加載 事件、事件句柄 DOM查詢----獲取模型樹中的節點document中的方法，以及節點中的屬性 獲取/修改元素節點的屬性 獲取/修改元素節點的內

丨QAQ丨凸 2020-07-08 11:21:00

js給value動態賦值

//動態改變少數民族的值 function checkSelect(){ var ontion = document.getElementById("nations").value; //alert("少數民族的值爲："+ont

Old丶Seven 2020-07-08 11:20:47

在線查看OFFICE文件

https://view.officeapps.live.com/op/view.aspx?src=你地址

[email protected] 2020-07-08 10:59:52

用戶用蘋果設備的QQ裏打開鏈接時候提示用微信打開（只限制QQ裏，如果是QQ瀏覽器則可以正常打開）

// 判斷瀏覽器內核、手機系統等，使用 browser.version.ios var browser = { version: function () { var u = navigator.userAg

徐扬_前端小白的成长之路 2020-07-08 06:33:45

bootstrap側邊導航欄的實現

https://blog.csdn.net/kebi007/article/details/76038251 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

吃鱼的羊 2020-07-08 05:50:47

js實現一個打點計時器

問題描述： 1、從 start 到 end（包含 start 和 end），每隔 100 毫秒 console.log 一個數字，每次數字增幅 1 2、返回的對象中需要包含一個 cancel 方法，用於停止定時操作

Clam_WH 2020-07-08 05:47:57

js的Prototype屬性詳解

js的prototype 屬性，w3c說：prototype 屬性使您有能力向對象添加屬性和方法。說的總是很模糊，網上找的大神的解釋很詳細。。。 avascript中的每個對象都有prototype屬性，Javascript中對象的pro

weierbufan 2020-07-08 03:39:14

Python+selenium 自動化高級應用篇：藉助pyautogui實現web前端帶軌跡拖拽功能，解決ActionChains拖拽失效問題

有一些 web 前端的交互，必須有鼠標軌跡才能成功的實現拖拽功能。 而 selenium 自帶的 ActionChains 方法，是一瞬間從 A 點到 B 點的。 解決思路： 利用元素返回的相對瀏覽器的位置的方法， locati

挣扎的蓝藻 2020-07-08 02:57:51

JavaScript 技術篇 - js通過xpath路徑定位元素方法

我先寫好一段 xpath 路徑，然後通過該路徑可以查到對應的元素節點。 通過 document.evaluate('...', document).iterateNext() 方法可以用 xpath 路徑定位到元素節點。 >

挣扎的蓝藻 2020-07-08 02:57:51

vue中使用axios處理post方法導出excel表格

vue中使用axios處理post方法導出excel表格。 技術點：vue、axios、poi 1、後臺輸出數據流。（ps：因爲表格模板格式會比較好看，所以建議使用模板） /** * 導出測試 * @retu

football98 2020-07-08 01:19:24

JS控制彈窗大小及位置

function Screen() { var num, num1; //num=screen.availHeight; //num1=screen.availWidth; num = screen.height; num1 = scre

赜 2020-07-08 00:34:12

JS點擊按鈕自動增加一行

<input type="button" value="增加" id="addTable"/> <input type="button" value="刪除" id="deleteTable"/> <table id="table1"><

bulongwind 2020-07-07 22:27:01

使用JS實現網頁計算器案例

法一 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{widt

WihauShe 2020-07-07 20:06:27

JS中location的用法和作用

window.location 對象所包含的屬性： 屬性 描述 hash 從井號 (#) 開始的 URL（錨） host 主機名和當前 URL 的端口號 hostname 當前 URL 的主機名 href 完整的 URL pathname

探骨精灵 2020-07-07 19:09:33

art-template渲染分頁模板

//環境：簡單webpack環境 webpack.config.js const path = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin'

gzkahjl 2020-07-07 18:04:35