vue滚动scrollTop 赋值一直为0

每次打印scrollTop都为0;

百度了很多,大概说的都是DTD声明问题

几经周折发现一篇不错的

https://www.jb51.net/article/153196.htm

最后检查发现,此时滚动条在父级上,直接为父级赋值高度即可

原文地址:https://www.cnblogs.com/tylz/p/11686819.html

时间: 2024-10-10 04:45:32

vue滚动scrollTop 赋值一直为0的相关文章

手撸一个Vue滚动加载自定义指令

用Vue在移动端做滚动加载,使用mint-ui框架, InfiniteScroll指令loadmore组件,在uc浏览器和qq浏览器都无法触发.无奈我只能自己写了. 决定用vue 的自定义指令 写滚动加载. 核心的api document.body.scrollTop 滚动条滚动的距离 (这个有兼容性问题,兼容性写法) let scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body

VUE 滚动插件(better-scroll)

1. 概述 1.1 说明 better-scroll是一款重点解决移动端(已支持PC)各种滚动场景需求的插件.例如淘宝聚划算中的类型选择(女装/家纺/生鲜美食等),没有滚动条显示却实现了滚动功能. 1.2 better-scroll安装 npm install better-scroll --save 安装至项目中 1.3 better-scroll使用 better-scroll常见应用场景(列表滚动)的html结构: <div class="wrapper"> <

vue 滚动加载

<template> <div class="wraper" @scroll="onScroll($event)"> <div class="item" v-for="item in items"> {{item}} </div> </div> </template> <script> export default { data () { re

关于scrollTop值一直为0的问题

在做聊天webapp时发现一个问题,当发送新消息时无法让页面自动滚到最下面显示最新的消息. 最先想到的解决思路就是用scrollTop方法,但是将内容节点绑定上scrollTop方法时一直不能生效,后来打开命令台时发现scrollTop的值一直为0.经过一番排查后终于发现问题的所在 scrollTop获取的值是滚动条产生的那个节点,也就是说虽然在content div里承载的聊天内容,但是为聊天内容产生出滚动条的DOM是它的父级元素,在这个产生滚动条的节点上就可以取得相应的scrollTop值.

document.body.scrollTop 值总为0

http://www.jb51.net/article/21168.htm 页面具有 DTD(或者说指定了 DOCTYPE)时,使用 document.documentElement. 做页面的时候可能会用到位置固定的层,读取 document.body.scrollTop 来设置层的位置,像这样:­ window.onscroll = function (){ var oFix = document.getElementById("divfix"); oFix.style.top =

vue.js项目构建之vue-router2.0的使用

vue-router2.0官方文档地址:http://router.vuejs.org/zh-cn/index.html 单页应用? 单页应用程序(SPA,single page web application). SPA其实就是整个网站只有一个页面,只改变页面的显示内容,不需要改变整个网页. vue.js 的单页面应用是基于路由和组件的.路由用于设定访问路径,并将路径和组件映射起来.页面内容切换这里就是组件的切换. vue-router是vue.js官方的路由插件,适合构建单页面应用. vue

弹窗滚动scrolltop, scroll();方法

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <link rel="stylesheet" href="http://pcss1.4008000000.com/app_css/4008

火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

一.先遇到document.body.scrollTop值为0的问题 做页面的时候可能会用到位置固定的层,读取document.body.scrollTop来设置层的位置,像这样, window.onscroll=function () { var oId=document.getElementByIdx_x("id"); oId.style.top=document.body.scrollTop+"px"; } 可是怎么没有达到预期效果呢,输出document.b

oracle-基于oracle dataguard滚动升级(oracle10.2.0.1--10.2.0.4--11.2.0.4)

oracle-基于oracle dataguard滚动升级(oracle10g升级到oracle11g)thinking:(主要技术涉及到:1.物理备库转成逻辑备库.2.数据库软件升级从oracle10.2.0.1升级到oracle10.2.0.4升级到oracle11.2.0.4.)     1.首先从搭建物理DG开始,搭建A主机数据库的物理DG B(数据库软件从oracle 10.2.0.1升级到10.2.0.4). 2.切换物理DG, 把B主机上的数据库切换为逻辑备库.(物理备库要求主备库