tiny-vue icon indicating copy to clipboard operation
tiny-vue copied to clipboard

🐛 [Bug]: 当页面滚动,并且anchor在最下面,开启固定的时候,找不到anchor了

Open fanbingbing16 opened this issue 1 year ago • 7 comments

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

fanbingbing16 avatar Feb 03 '24 02:02 fanbingbing16

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.

Issues-translate-bot avatar Feb 03 '24 02:02 Issues-translate-bot

您好,链接好像打不开了

AcWrong02 avatar Feb 04 '24 11:02 AcWrong02

Bot detected the issue body's language is not English, translate it automatically.


Hello, it seems that the link cannot be opened.

Issues-translate-bot avatar Feb 04 '24 11:02 Issues-translate-bot

@AcWrong02 可以打开的,因为这个网站服务器在香港,所以要慢一点,多等几分钟就行 image

fanbingbing16 avatar Feb 04 '24 12:02 fanbingbing16

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.

Issues-translate-bot avatar Feb 04 '24 12:02 Issues-translate-bot

这个问题,是因为tinyanchor超出了页面,所以无法显示,虽然能看到dom元素,但anchor元素始终定位在页面之前,所以magintop是不太合理的,固定模式是相对于页面来固定定位的,不能超出页面的尺寸;比如页面最高才900px,那margin-top应该设置在900px以内才是合理的;

chenxi-20 avatar Apr 15 '24 09:04 chenxi-20

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;

Issues-translate-bot avatar Apr 15 '24 09:04 Issues-translate-bot