我正在使用hammer.js来检测拖拽和滑动。
这就是代码:
var element = document.getElementById('pinwall-grid');
var hammertime = Hammer(element).on("drag", function (event) {
direction = event.gesture.direction;
if (direction == 'left'
我正在尝试找出是否有像fullpage.js一样的滚动页面的解决方案。一页一页地滚动网站,上下滚动。
这与fullpage.js不同,因为它将页面滑动到不同的div,但我需要它在单个div中移动。
下面是我尝试过的代码:
<div> a very long text here..... </div>
Window.onscroll = function() {test()};
Function test(){ window.scrollby(0, 300) };
上面的代码只是向下滚动,它不会停止。它会一直向下滚动,直到页面底部。
那么,怎么做呢?
之后,refreshing.....it继续到主页,而不是在当前页面上。如果它在刷新后会出现在同一页上,该怎么办?我有一个index.html页面,但有6个滑动幻灯片.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
function autoRefresh_div()
{
$("#MyDIV").load("load.html");// a functio
我使用Hammer.js (v2.0.8)显示左菜单,但在同一个页面中也有一个旋转木马(使用owl旋转木马v2.3.4)。当我滑动旋转木马时,菜单也打开了。我试过Hammer.off(),但他不工作。
这是Hammer事件(在全局js中,所以适用于所有页面):
var hammertime = new Hammer(document.body);
hammertime.on('swiperight', function(ev) {
//my function here
});
当我碰到这个元素时,我想禁用这个事件:
<div class="owl-caro
假设6个绝对定位的HTML元素一个堆叠在另一个之上,A-F,"A“在顶部。 <body data-swipe-threshold="100">
<div><img alt = "F"/></div>
<div><img alt = "E"/></div>
<div><img alt = "D"/></div>
<div><img alt = "C"/></d