javascript - 如何获取div的pageYOffset?

标签 javascript vue.js vuejs2

我无法获取 div 的 pageYOffset

我试图摆脱 html 滚动条,以便它只出现在工具栏和页脚组件之间,而不是显示在它们之上。

这是一个示例:

https://codepen.io/anon/pen/xYppdQ

我隐藏了 html 溢出并只允许内容标签可滚动。

很可能我在那里做错了什么,但当我尝试使用此方法获取值时,OffsetTop 保持为 0:

onScroll (e) {
  this.offsetTop = window.getElementsByClassName("scroll-container").pageYOffset
}

最佳答案

你的问题不在于pageYOffsetonScroll方法根本不会被执行。尝试使用更简单的内容,例如 v-on:click="..."首先。

此外,v-scroll似乎依赖于您尚未包含在 codepen 中的外部库。

此外,您可能不应该使用 .getElementBy..blabla但使用 Vue.js 来实现:<div ref="myDiv">this.offsetTop = this.$refs.myDiv.pageYOffset; 。但我不认为pageYOffset是任何 dom 节点的有效属性。只有window.pageYOffset .

关于javascript - 如何获取div的pageYOffset?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48846691/

相关文章:

javascript - 在javascript中添加一个正方形

vue.js - 我如何通过 v-for Vue JS 剪切这段代码?

javascript - 隐藏并显示引导面板后,Vue.js 表单提交不起作用

javascript - 如何使用 Vue js 2.x 指令而不是 vue js 1.x 按标题过滤帖子

javascript - 如何根据 vue js 选择的另一个选择选项更改选择选项

javascript - 使用 Sinon 模拟常量/变量?

javascript - 如何在 Angular 8/9 中进行全局搜索?

vue.js - vue-instagram : images showing as icons, 即使 src/url 是正确的

javascript - 返回我的函数的结果

javascript - Angular UI Router - 具有空 Url 的抽象父状态