当前位置: 首页 > 知识库问答 >
问题:

javascript - 父元素绑定竖向滚动事件,子元素绑定了横向滚动事件,在子元素上竖向滚动失效?

叶浩荡
2023-06-20

如题,父元素绑定竖向滚动事件,子元素绑定了横向滚动事件,在子元素上竖向滚动失效?
我的需求是,父元素整体上下可以滚动,其中一块子元素区域是左右滚动的轮播图,左右可滚动,在 ios 12.5.2 iphone 5s 下,在子元素左右滚动的轮播图区域,上滑,无法触发父元素的滚动事件,想问下大家这是什么原因,有没有解决方案?

共有1个答案

齐朝明
2023-06-20

有没有使用第三方的轮播库呢?比如说 Swiper 就是支持主轮播上下滚动,在子轮播区域的时候左右滚动。
Nested 嵌套 - Swiper Demos

 类似资料:
  • html中如何实现子元素宽度可以超出父元素,效果就是高度不超出父元素而是显示滚动条,横向不显示滚动条? 大概就像下面这种效果 图片的效果是子元素使用 position:fixed 实现的,并不符合需要的效果 经过我测试,只要父元素添加了 overflow-x:hidden 就无法让子元素超出父元素 去除 overflow 属性可以超出父元素但是纵向滚动条又没了

  • 问题内容: 我正在尝试在网络上进行搜索,但不确定要查找的内容是什么。我试图找出如何创建将被修复的div元素,或者仅在该元素的TOP达到窗口浏览器视图的TOP时才浮动。例如,如果某个元素位于页面的中间,那么当您继续向下滚动时,该元素将一直保留直到它即将消失,然后它才希望保留在我的浏览器顶部(固定)。 问题答案: 我想我正在做与您想做的事情类似的事情。试用以下代码,将所需的内容放入通知div中,并单独

  • 问题内容: 我有这个元素: 然后,我还有其他一些元素,例如其他文本输入,文本区域等。 当用户点击带,页面应该滚动到页面的最后一个元素与一个漂亮的动画。它应该是滚动到底部而不是顶部。 页面的最后一项是带有的按钮: 动画不应太快并且应该流畅。 我正在运行最新的jQuery版本。我更喜欢不安装任何插件,而是使用默认的jQuery功能来实现此目的。 问题答案: 假设您有一个ID为的按钮,请尝试以下示例:

  • 问题内容: 这个问题的答案是 社区的努力。编辑现有答案以改善此职位。它目前不接受新的答案或互动。 我有一些代码,在其中循环浏览页面上的所有选择框,并将事件绑定到它们上,以使它们的宽度变窄。 这在页面准备就绪时发生,并且工作正常。 我的问题是,在初始循环之后,我通过Ajax或DOM添加的所有选择框都没有事件绑定。 我已经找到了这个插件([jQuery Live Query Plugin](),但是在

  • 本文向大家介绍jQuery实现滚动条滚动到子元素位置(方便定位),包括了jQuery实现滚动条滚动到子元素位置(方便定位)的使用技巧和注意事项,需要的朋友参考一下  话不多说,请看代码: jQuery: 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!

  • 问题内容: 我有一个聊天小部件,每次向上滚动时,它都会拉出一系列消息。我现在面临的问题是加载消息时滑块固定在顶部。我希望它专注于上一个数组中的最后一个索引元素。我发现可以通过传递索引来创建动态引用,但是我还需要知道使用哪种滚动功能来实现这一点 问题答案: 单击此处,获得有关StackBlits的完整演示 React 16.3 +,Class组件 类组件-Ref回调 不要使用字符串引用。 字符串引用