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

打开图片预加载后(lazyload.enable=true),有的文章因为图片较多,导致点击目录时定位不准 #1155

Open
changelzj opened this issue Nov 17, 2024 · 2 comments
Labels
🐛 bug Unexpected problem or unintended behavior

Comments

@changelzj
Copy link

请确认

  • [* ] 是当前最新的 Release 版本
  • [*] 本地 hexo clean && hexo s,并且清除浏览器缓存,仍可复现
  • [*] 已经排除是其他 Hexo 插件影响

Bug 描述

打开图片预加载后(lazyload.enable=true),有的文章因为图片较多,导致点击目录时定位不准,关掉图片预加载时是正常的
例如下面网站,当第一次点击目录的3.1时总是跳到2.4

https://blog.liuzijian.com/post/209e68d0-a418-1737-503a-d47e6d2d9350.html

复现步骤

打开https://blog.liuzijian.com/post/209e68d0-a418-1737-503a-d47e6d2d9350.html
目录加载完后,第一次点击3.1,会发现跳到2.4,除此之外点击其他目录位置也有可能有类似现象

@changelzj changelzj added the 🐛 bug Unexpected problem or unintended behavior label Nov 17, 2024
@xiyuvi
Copy link
Contributor

xiyuvi commented Nov 19, 2024

这个是占位图片和实际图片的宽高不一致导致的,如果需要修改可能得在编译时就获取相应的图片宽高放在页面中,供占位图片引用。比较麻烦,看哪位好心人可以改一下

@huaxianyan
Copy link
Contributor

huaxianyan commented Nov 20, 2024

关于这个问题我之前请我同事帮忙,提出了需求然后修改一些文件帮我实现了,具体可以看我这篇:https://neko7ina.com/3pYN3gXxJqMVfe.html
想看具体效果可以点这篇,这篇图多:https://neko7ina.com/travel-in-tokyo-again.html

不过现在的问题是图片的尺寸还得是从本地拿,即使我图片资源上了 CDN,我也需要在本地目录保留一份相同的图片资源,我查了查是有办法可以从在线图片获取尺寸信息,但是我用不到就没请同事继续再研究。
还有就是我这个有很重的个人使用习惯,每个图片都会有个体积很小的占位图用来模糊化,而不是使用统一的占位图。
内容只能算是给大家一个思路,具体要用还得根据各位的使用习惯进行修改。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 bug Unexpected problem or unintended behavior
Projects
None yet
Development

No branches or pull requests

3 participants