tiny-vue
tiny-vue copied to clipboard
🐛 [Bug]: 当页面滚动,并且anchor在最下面,开启固定的时候,找不到anchor了
Version
latest
Vue Version
latest
Link to minimal reproduction
http://zhangyanling.top:3001/#/exericise/vue?code=#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
Step to reproduce
打开链接滚动到最下面都看不到任何东西,查看elements发现是有元素的,只是看不见了
What is expected
No response
What is actually happening
No response
Any additional comments (optional)
No response
Bot detected the issue body's language is not English, translate it automatically.
Title: 🐛 [Bug]: When the page is scrolled and the anchor is at the bottom and fixed is turned on, the anchor file cannot be found.
您好,链接好像打不开了
Bot detected the issue body's language is not English, translate it automatically.
Hello, it seems that the link cannot be opened.
@AcWrong02 可以打开的,因为这个网站服务器在香港,所以要慢一点,多等几分钟就行
Bot detected the issue body's language is not English, translate it automatically.
@AcWrong02 It can be opened. Because the website server is in Hong Kong, it needs to be slower. Just wait a few minutes.
这个问题,是因为tinyanchor超出了页面,所以无法显示,虽然能看到dom元素,但anchor元素始终定位在页面之前,所以magintop是不太合理的,固定模式是相对于页面来固定定位的,不能超出页面的尺寸;比如页面最高才900px,那margin-top应该设置在900px以内才是合理的;
Bot detected the issue body's language is not English, translate it automatically.
This problem is because the tinyanchor cannot be displayed because it exceeds the page, although the DOM element can be seen; for example, the maximum page size is only 900px, then the margin-top should be set within 900px to be reasonable;