当启用event.preventdefault时,我当前在允许垂直滚动时遇到问题。
我正在尝试给我的手机页面添加滑动功能,我已经尝试过像hammer.js,swipe.js这样的框架,所有的框架都需要event.preventDefault来检测左右滑动。
启用event.preventDefault时,滑动可以完美检测,但是当您在该元素上时,您将失去垂直滚动的功能。也就是说,当您的手指开始在swipe元素上时,您不能在移动设备上上下移动屏幕。
我试着构建我自己的小脚本,运行良好,但仍然有垂直滚动的问题,这是一个问题。
var el = document.getElementById('
所以我有一个模式窗口,它会导致页面向下滚动。它将#login-box添加到url中,但该div id不是一个固定位置。我想过在html中添加一个div,但这行不通,因为我的菜单很粘滞,这会导致它们滚动到该div所在的任何位置。
,然后单击导航菜单中的“登录”。你会明白我在说什么。然后向下滚动并再次单击它,无论您在页面上的哪个位置,oyu都会看到它向下滚动。
以下是模式窗口的相关JS:
// Load the modal window
$('a.login-window').click(function() {
// Get the value in the href
我有ipad web应用程序,我正在滚动特定的div,它工作得很好,但问题是,当用户触摸到div的一侧,然后还有页面滚动,我想停止页面滚动,并使div只滚动。
I used
document.ontouchmove=function(e) { e.preventDefault()};
但是它停止在整个页面上滚动,也在div上。
下面是我正在处理的索引文件链接
当我的移动汉堡包菜单打开时,我使用JS添加CSS类,以防止在我的站点上滚动。
但是,使用盖茨比的<Link>组件进行内部链接时,当单击一个新的内部页面时,“无滚动”类将保持不变,移动菜单将关闭.最终的结果是呈现新的页面,但是滚动被锁定,汉堡包菜单无法访问。
我希望能够在点击Gatsby <Link>组件时执行JS,这样我就可以从适当的元素中删除“无滚动”类。
这是我的JS。
(function(){
var burger = document.querySelector('#burger_container'),
body = d