使用rc-scroll-anim 组件在页面内部内容区域超出内容无法滚动

[hqwlkj]

css

 .time-warp {
        position: relative;
        border: 1px solid #e2e2e2;
        padding: 20px;
        height: 520px;
        overflow-y: auto; //  这里设置了超出部分 Y轴滚动。
}

图片中的两个区域都不能用鼠标来控制进行滚动

只有通过用鼠标选择内容后进行拖拽功能

[jljsj33]

有没有可看的或者重现？？？

[jljsj33]

scroll-anim 不会处理掉滚动的东西啊，，或者你在外层再加个 dom 试试

[jljsj33]

https://codesandbox.io/s/scroll-anim-overflow-auto-hvlll?file=/src/App.js, 没啥问题啊。。。

[hqwlkj]

@jljsj33 http://www.yanghc.com/ 在日程管理下面

useEffect(() => {
    // 实现整屏滚动
    scrollScreen.init({
      // location: ['content1', 'content2', 'content3']
    });
  }, []);

使用了 scrollScreen 之后就不能了。

这是在你的代码基础之上修改的 https://codesandbox.io/s/scroll-anim-overflow-auto-forked-wg846

[jljsj33]

哦，，可能是这个监听了全局的 scroll，，，我看看

[jljsj33]

2.7.5

[hqwlkj]

非常感谢 @jljsj33 ,

如果这个可以做成这样的效果那就更好了 https://www.swiper.com.cn/api/swiping/39.html

[jljsj33]

不是同一个东西，，这个和 banner-anim 是一样的东西。。。或者 antd 的走马灯

[hqwlkj]

不是同一个东西，，这个和 banner-anim 是一样的东西。。。或者 antd 的走马灯

其实都是一样的整屏滚动，等到小的内容区域滚动到底了之后，还是会触发整屏滚动，这样的体验不是很好，如果有像 swiper 那样的一个属性或者样式能够来禁止触发整屏滚动就更好了，这是一个景上添花的功能😄