js获取window窗口高度（页面滚动条可滚动高度） - 代码篇

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窗口高度（页面滚动条可滚动高度） - 代码篇 ” 的全部内容。