我想在网页上禁用垂直滚动,同时在移动设备上水平地滑动旋转木马。我在用猫头鹰旋转木马。
我尝试使用css溢出:隐藏到html,body,但不工作。曾经尝试过其他的解决方案,但它们不起作用。我尝试过的代码在下面。
// Tried this but doesn't work
var owl = $j(".owl-carousel");
owl.on('drag.owl.carousel', function(event) {
document.ontouchmove = function (e) {
e.preventDefault()
}
});
因此,我一直在为我遇到的这个问题而绞尽脑汁。我已经明确指出我的问题是插件与不兼容。
我还使用了最新版本的Owl v2.3.4,显然PinchZoom.js完全停止工作,因此我不得不使用较早版本的Owl来实现我所需的功能。
问题是,在带有猫头鹰( Owl )图像滑块的页面上,PinchZoom.js在安卓和桌面设备上工作得很好,但我一使用iOS设备(iPad或iPhone),该页面上的图像就会变得模糊。其他页面可以很好地处理没有定义Owl插件的PinchZoom。
T̶o̶̶‘s̶e̶e̶̶a̶̶l̶i̶v̶e̶̶w̶o̶r̶k̶i̶n̶g̶̶’s̶e e h r h t h t h_h,h_1
我使用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
在我的网页上,我有引导猫头鹰旋转木马和联系表格。问题是要么接触形式正在工作,要么旋转木马滑块滑动图片-一个来自两个。我知道问题出在哪里,却不知道如何解决。下面找我的JS代码。第一是猫头鹰旋转木马和休息二为我的联系形式。
<script>
$(document).ready(function() {
var owl = $("#owl-hero");
owl.owlCarousel({
navigation: false, // Show next and prev buttons
slideSpeed: 1,