第一次使用vue怎么才能自动触发事件 当滚动条滚动到页面某个位置时，触发js，怎么去实现

第一次使用vue怎么才能自动触发事件

第一步，创建静态页面von.html，并引入vue.js关键的核心js文件，如下图所示：
第二步，在主题元素下插入div标签元素，并在其中插入一个input输入框和一个按钮，利用v-on指令绑定点击事件queryDate，如下图所示：
第三步，在div标签下方编写vue.js点击事件，事件是获取当前日期，如下图所示：
第四步，为了让输入框和按钮有间距，这里设置body元素样式，如下图所示：
第五步，预览该静态页面，然后点击按钮，发现输入框没有值，调试下发现错误，缺少jquery核心js文件，如下图所示：
第六步，引入jquery核心js文件后再次预览页面，并单击按钮，这时日期就显示在输入框内，如下图所示：

当滚动条滚动到页面某个位置时，触发js，怎么去实现

js有滚动条事件，scroll事件，你可以这样写：
window.onscroll = function(){ //绑定scroll事件
var t = document.documentElement.scrollTop || document.body.scrollTop //获取滚动距离
var top_div = document.getElementById( "top_div" ) //查询并定义div元素
if( t >= 300 ) { //判断
top_div.style.display = "inline"
} else {
top_div.style.display = "none"
}
}

如何将下面这个div广告，通过滚动条向下滚动时，自动跟着向下滚动

1、clientWidth后面负数的绝对值越大，图片越靠近左侧。
2、clientHeight后面负数的绝对值越大，图片越靠近上部。
这个是右边的图片，会一直顺着你的鼠标上下滚，比较好懂，你自己改一下就行了。