是否有一种方法可以使用Hammer.js在HTML元素上设置夹点事件,以便只允许水平轴上的夹点事件?我希望垂直轴被用于标准的页面滚动。
当我设置水平平底锅时,垂直的页面滚动工作。当我设置水平平底盘和夹紧时,垂直页面滚动停止工作。连一个手指滚动都停止工作了。
var hammerEl = Hammer(element);
var pan = new Hammer.Pan({
direction: Hammer.DIRECTION_HORIZONTAL
});
var pinch = new Hammer.Pi
我正在使用hammer.js来识别触摸事件。我想在Android的Chrome中启用水平和垂直滚动。我可以使用这里建议的解决方案启用垂直滚动:,使用以下代码片段:
Hammer.defaults.behavior.touchAction = 'pan-y';
在那之后,我还在body标签上创建了一个锤子实例,以便在所有方向上进行平移和滑动。下面是我的代码:
var myElement = document.getElementById('id_on_body');
var mc = new Hammer(myElement);
mc.get('pan
当启用event.preventdefault时,我当前在允许垂直滚动时遇到问题。
我正在尝试给我的手机页面添加滑动功能,我已经尝试过像hammer.js,swipe.js这样的框架,所有的框架都需要event.preventDefault来检测左右滑动。
启用event.preventDefault时,滑动可以完美检测,但是当您在该元素上时,您将失去垂直滚动的功能。也就是说,当您的手指开始在swipe元素上时,您不能在移动设备上上下移动屏幕。
我试着构建我自己的小脚本,运行良好,但仍然有垂直滚动的问题,这是一个问题。
var el = document.getElementById('
我的js代码有问题,我想比较从元素顶部到滚动距离的垂直距离,如果滚动距离大于元素顶部的距离,则将div的位置固定在页面顶部的"thead“id上。
我的js密码:
var distance = $("#thead").offset().top;
var wdistance = $(window).scrollTop();
if (wdistance > distance) {
alert('this is test');
};
演示中
我有一个小的聊天小工具,只是一个小的方形div,绝对是垂直放置在浏览器窗口的中心加载页面。当用户向下滚动页面时,我希望小部件与页面一起滚动,即消失,但一旦滚动停止,聊天小部件将转换回垂直中心。 我到处找,但似乎什么也找不到。 最近的是这个。Element transform transition between appearing 'relative' and 'fixed' not smooth 非常感谢您的帮助。我宁愿避免使用jquery if poss,而只使用普通的JS。 干杯理查德