js中获取窗口高度的方法
取窗口滚动条滚动高度(如下文 · 截图)
一、javascript
和jquery
代码:
//原生 javascript 代码:let scrollHeight = document.documentElement.scrollTop; // 滚动条的滚动行程//jquery封装代码:let scrollHeight = $(window).scrollTop(); // 滚动条的滚动行程
二、应用案例 · (代码+截图) :
vue页面调用实例代码,
1. 代码:
<script>import $ from 'jquery'export default {name: 'newfooter',data () {return {}},mounted:function (){// 滚动监听:背景/图片动画window.addEventListener('scroll', this.handleScroll, true);},methods:{// 滚动监听 · 动画播放handleScroll: function(){let scrollHeight = $(window).scrollTop(); // 滚动条的滚动行程//滚动条滚动到对应的板块显示console.log("重要参考:"+scrollHeight);},}}
2. 截图:
以上就是关于“ js获取window窗口高度(页面滚动条可滚动高度) - 代码篇 ” 的全部内容。