我的问题:我正在尝试开发一个带有React的日历应用。我有一个日历在左边的菜单和右边的部分:每天一页。用户可以滑动到下一天(我使用Swiper.js和每天一张幻灯片)。URL必须包含日期信息(mysite.com/day/2020-12-05)和日历中突出显示的当前日期。我开发了一些有用的东西,但是白天页面呈现的时间太长了,而它们只需要呈现一次。
我的建筑
页面通过useParams()钩子从路由器获取日期参数,当用户滑动到使用window.history.pushState(days/new_ date )的另一天时,使URL始终与的日期保持一致,当用户滑动到另一天时,我将日期发送到左侧菜单
当启用event.preventdefault时,我当前在允许垂直滚动时遇到问题。
我正在尝试给我的手机页面添加滑动功能,我已经尝试过像hammer.js,swipe.js这样的框架,所有的框架都需要event.preventDefault来检测左右滑动。
启用event.preventDefault时,滑动可以完美检测,但是当您在该元素上时,您将失去垂直滚动的功能。也就是说,当您的手指开始在swipe元素上时,您不能在移动设备上上下移动屏幕。
我试着构建我自己的小脚本,运行良好,但仍然有垂直滚动的问题,这是一个问题。
var el = document.getElementById('