Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[自动无缝翻页] 阿里巴巴矢量图标库翻页异常,无法滚动 #329

Open
pktdkyo75 opened this issue Mar 8, 2023 · 4 comments
Labels
反馈问题 某些功能失效 或 存在其他问题

Comments

@pktdkyo75
Copy link

问题描述

滚动到第二页后继续滚动非常困难,需要点击并滚动很多次才能继续翻页

附加截图

No response

@pktdkyo75 pktdkyo75 added the 反馈问题 某些功能失效 或 存在其他问题 label Mar 8, 2023
@strange-qwq
Copy link

strange-qwq commented Mar 8, 2023

@XIU2
Copy link
Owner

XIU2 commented Mar 8, 2023

@strange-qwq 我去这个链接里试了下,没有发现什么异常,可以正常滚动翻页。

@strange-qwq
Copy link

@strange-qwq 我去这个链接里试了下,没有发现什么异常,可以正常滚动翻页。

会不会是浏览器的问题,我浏览器是Microsoft Edge 111.0.1661.27 (正式版本) dev (64 位),滚动的时候需要动鼠标才能继续分页,不然滚不动,附图:
1

@XIU2
Copy link
Owner

XIU2 commented Mar 8, 2023

@strange-qwq 这种是正常现象,算是已知问题。

以前就有人反馈过(贴吧 - 帖子内的规则),我记得好像是对方反馈的是按方向键↓到新页面时就会停住,需要点一下网页才行,我研究时也发现了你提的这个鼠标滚动问题,但我最后只解决了按方向键↓停住的问题(自动切换焦点至 iframe 即可),而鼠标的这个问题没有找到解决办法。

阿里巴巴矢量图标库 因为是动态加载内容的,因此只能采用翻页模式 5 ,即插入 iframe 方式加载下一页,无限套娃。

问题复现步骤很简单,鼠标不动,一直滚动鼠标滚轮,当滚动到下一个 iframe 时就会无法滚动网页,此时需要点击键盘鼠标的任意按键,或者移动一下鼠标,就可以继续滚动了。

我猜测是某种特殊的焦点?但是给予 iframe 焦点只解决了方向键滚动停住的问题,无法解决鼠标滚动卡住的问题。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
反馈问题 某些功能失效 或 存在其他问题
Projects
None yet
Development

No branches or pull requests

3 participants