自动无缝翻页

⭐无缝加载 下一页内容 至网页底部(类似瀑布流,无限滚动,无需手动点击下一页)⭐,目前支持:【所有「Discuz!、Flarum、phpBB、MyBB、Xiuno、XenForo、NexusPHP...」论坛】【百度、谷歌(Google)、必应(Bing)、搜狗、微信、360、Yahoo、Yandex 等搜索引擎...】、贴吧、豆瓣、知乎、NGA、V2EX、起点中文、千图网、千库网、Pixabay、Pixiv、3DM、游侠网、游民星空、NexusMods、Steam 创意工坊、CS.RIN.RU、RuTracker、BT之家、萌番组、动漫花园、樱花动漫、爱恋动漫、AGE 动漫、Nyaa、SrkBT、RARBG、SubHD、423Down、不死鸟、扩展迷、小众软件、【动漫狂、动漫屋、漫画猫、漫画屋、漫画 DB、HiComic、Mangabz、Xmanhua 等漫画网站...】、PubMed、Z-Library、GreasyFork、Github、StackOverflow(以上仅一小部分常见网站,更多的写不下了...

< Rückmeldungen auf自动无缝翻页

Rezension: Gut - Skript funktioniert

§
Veröffentlicht: 29.03.2022
Bearbeitet: 29.03.2022

div class="gallery-item" style="position: absolute; left: 0%; top: 0px;"
div class="gallery-item" style="position: absolute; left: 5%; top: 0px;"
div class="gallery-item" style="position: absolute; left: 10%; top: 0px;"
请问下 这种 pageE 怎么处理
"pageE": ".gallery-item",

这样写的话 他就变成下边这样了 位置就不对了
div class="gallery-item"

X.I.UVerfasser
§
Veröffentlicht: 29.03.2022

网站给我看看,这种都是网页加载完成后网站自己去动态调整的(即瀑布流样式,宽度一致 高度不一致),需要针对性写个 CSS 样式规则,来强行使其位置整齐。

X.I.UVerfasser
§
Veröffentlicht: 29.03.2022
Bearbeitet: 29.03.2022

我一般是选择将这些子元素从绝对位置 position: absolute; 改回相对位置 position: static !important;
然后让其向左对齐 float: left !important;
并设置固定高度 height: XXXpx !important;
同时还要对它们的父元素设置自适应高度 height: auto !important;

具体你可以去我那个 外置翻页规则列表 中看看我是怎么写的,你搜一下 float: left !important; 就能找到好几个现成实例。

这样做的话,优点是简单统一,缺点就是如果这些子元素如果高度相差太大的话,那么设置的固定高度就会导致参差不齐,甚至重叠在一起,观感肯定是不如网站原生显示效果的,但是如果设置为一个比较合理的固定高度的话,还是能缓解该情况的。

毕竟如果脚本要自己去实现和网站原生一样瀑布流效果,那就麻烦的多了。。。而且不同网站的瀑布流样式还存在差异,兼容起来比较蛋疼。

§
Veröffentlicht: 29.03.2022

"sexnori": {
"host": "www.sexnori19.me",
"url": "return (fun.lp() != '/')",
"pager": {
"nextL": "a.next",
"pageE": ".gallery-item",
"replaceE": ".eb-pagination"
}
}

§
Veröffentlicht: 29.03.2022

"style": ".gallery-item {position: static !important;float: left !important;top: auto !important;left: auto !important;}",

搞定了

X.I.UVerfasser
§
Veröffentlicht: 29.03.2022

加个这个规则即可,具体高度多少你可以自己看着改,我是设置了一个比较合适的 308px:

"style": ".board-gallery {height: auto !important;} .gallery-item {position: static !important; float: left !important; height: 308px !important;}",
X.I.UVerfasser
§
Veröffentlicht: 29.03.2022
Bearbeitet: 29.03.2022

试了下,你这个也行,这网站的这些子元素高度本身都一样,因此倒也无需去设置高度了。
不过对于那些子元素高度不一的情况下,就必须要设置高度,否则会导致参差不齐非常严重(参考 JavDB、JavBus 这些)。

Antwort schreiben

Anmelden um eine Antwort zu senden.