使用场景：页面中存在侧边导航栏，导航栏部分内容无法完全显示，当滚动页面时，div中滚动条一起滚动到导航选中位置

主要代码：nav-menu为div的id

 // 选中当前导航时div自动滚动到设定位置
        if (navIndex == "13") {
          document.getElementById("nav-menu").scrollTop = 0;
        if (navIndex == "16") {
          document.getElementById("nav-menu").scrollTop = 300;
        if (navIndex == "18") {
          document.getElementById("nav-menu").scrollTop = 1000;
this.$nextTick(() => {
const el = document.querySelector('.act-not');
const offsetHeight = el.offsetHeight;
el.onscroll = () => {
const scrollTop = el.scrollTop;
const scrollHeight = el.scrollHeight;
if ((offsetHeight + scrollTop) - scrollHeight >= -1) {
// 需要执行的代码
坑：在做滚动加载分页时候，有时候第三
                                    思路：需要用到ref绑定dom元素，以及dom元素的scrollTop和scrollHeight属性，最终在onUpdated函数之中让scrollTop和scrollHeight两者相等即可。scrollTop：指的是滚动条卷去的距离（滚动条向下滚动之后距离顶部的距离）scrollHeight：指的是内容的高度。
                                    效果踩坑经历TLDR;在几个小时的google和stack overflow的苦苦搜索后，无果。经过自我思考，想到了一种实现方法：整个页面是一个盒子，要出现滚动条，必然里面的元素要溢出。也即是，元素水平overflow，那么就出现水平滚动条。元素垂直overflow，那么会出现垂直滚动条。我原先是将眼光放在局部的小盒子(如下图)，无论我怎么调整display或者overflow，当这个局部的元素溢...
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>.
                                    最近想写个网站需要滚动加载的功能，用了element的infinite-scroll感觉局限太大，干脆自己写一个，功能如下image原理vue实现滚动到底部加载数据的原理是监听页面滚动，当页面滚动到底部的时候，前端从后端获取分好页的数据加入到datas[]数组中，进行渲染，就实现了滚动加载的功能先了解几个关键词：(1)滚动条到顶部的位置：scrollTop(2)当前窗口内容可视区：windowHe...
                                    知识点1:transition和router-view可以结合使用。因为router-view满足transition的条件。<!-- App.vue文件 -->
<template>
  <div id="container">
    <div class="row">
      <div class="col-xs-12 col-sm-...
mounted() {
    let box = this.$refs.box;
    box.addEventListener('scroll',this.handleScroll,true);
methods: {
    handleS.
                                    受 AngularJS 的启发，Vue 内置了一些非常有用的指令(比如v-html和v-once等)，每个指令都有自身的用途。完整的指令列表可以在这里查看.这还没完，更棒的是可以开发自定义指令。Vue.js 社区因此得以通过发布自定义指令npm 包，解决了无数的代码问题。以下就是我最喜欢的 Vue.js 自定义指令列表。不用说，这些指令为我的项目开发节省了大量时间！?1. V-Hot...
                                    vue 监听某个div垂直滚动条下拉到底部的方法如下所示：this.$nextTick(() => {const el = document.querySelector('.act-not');const offsetHeight = el.offsetHeight;el.onscroll = () => {const scrollTop = el.scrollTop;const sc...