jquery监听向上向下滑动，滑动执行操作

// 滚动之前
var beforeScrollTop = $(window).scrollTop();
$(window).on("scroll", function (event) {var scrollTop = $(window).scrollTop();var delta = false;// 滚动之后var afterScrollTop = $(window).scrollTop();var delta = afterScrollTop - beforeScrollTop;var videoW = $('.video-wrap video').width();var videoH = $('.video-wrap video').height();if (delta === 0) {return false;}if (delta > 0) {// downif (video_height >= videoH && videoH > 90) {var shrinkH = videoH - delta;var shrinkW = shrinkH / video_height;$('.video-wrap video').height(shrinkH).width(`${shrinkW * 100}%`);} else if (videoH < 90) {$('.video-wrap video').height(90).width("25%");}} else {// upif (video_height > videoH) {var shrinkH = videoH - delta;var shrinkW = shrinkH / video_height;$('.video-wrap video').height(shrinkH).width(`${shrinkW * 100}%`);} else {$('.video-wrap video').height(video_height).width("100%");}}beforeScrollTop = afterScrollTop;
});

jquery监听向上向下滑动，滑动执行操作相关推荐

综合设计一个OPPE主页--页面的插件引用（animate.css）--d动画的使用--滚轮或鼠标到该位置时，才有动画的切换---所以我们需要用jquery监听鼠标滚轮的滚动事件
Animate.css | A cross-browser library of CSS animations. 里面有许多css的效果首先使用 animate.css文件 link rel=&qu ...
jquery 监听元素滚动_jQuery在滚动时保持元素在视图中
jquery 监听元素滚动关于如何使元素保持可见的jQuery快速代码段. 为使演示向下滚动到博客上的任何页面并在右侧栏中显示广告,在您向下滚动页面时,它们仍处于查看状态. 然后,当您再次向上滚动时 ...
php 监听条码枪输入,使用jQuery监听扫码枪输入并禁止手动输入的实现方法
@(知识点总结)[jquery|扫码抢] 基于jQuery的扫码枪监听.如果只是想实现监听获取条码扫码信息,可以直接拿来使用,如果有更多的条码判断处理逻辑需要自己扩展. 一.功能需求使用扫码枪扫描条 ...
java中怎么esc事件监听_Javascript监听 ESC按下事件
给页面添加一个监听ESC按下的事件,一开始以为监听函数绑定在window上就可以的.结果错了,应该绑定在document上. jQuery代码如下: ;(function ($) { $(docume ...
php 监听条码枪输入,使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)...
基于jQuery的扫码枪监听.如果只是想实现监听获取条码扫码信息,可以直接拿来使用,如果有更多的条码判断处理逻辑需要自己扩展. 一.功能需求使用扫码枪扫描条码,在一个web页面监听获取扫码枪的数据, ...
jQuery 监听修改文本框事件
在开发中,有时我们需要对 input 的 value 值变化作实时响应.比如文本输入框的实时字数统计功能,要求文本框内容改变时就要触发相关的统计行为.不管这个内容是键盘输入的,还是鼠标粘贴进来的.1, ...
jquery监听窗口大小改变事件jquery.resizeend
方法一: $(function(){// Bind the resize event. When any test element's size changes, update its// corre ...
JS监听用户按下ESC
JS监听用户按下ESC $(document).ready(function(){}).keydown(function (e) {if (e.which === 27){console.log('按 ...
Jquery监听onChange事件
Jquery监听onChange事件 $(document).ready(function () {$("#控件ID").change(function () {var organ ...

jquery监听向上向下滑动，滑动执行操作

jquery监听向上向下滑动，滑动执行操作

jquery监听向上向下滑动，滑动执行操作相关推荐

最新文章

热门文章