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

[CSS]article 元素增加 overflow:hidden 或overflow: auto #309

Closed
ted423 opened this issue Aug 13, 2021 · 6 comments
Closed

[CSS]article 元素增加 overflow:hidden 或overflow: auto #309

ted423 opened this issue Aug 13, 2021 · 6 comments
Assignees

Comments

@ted423
Copy link

ted423 commented Aug 13, 2021

提出你对主题的建议(Suggest your idea)
默认似乎是visible?这种情况下,在文章里添加一些奇怪的元素(例如float)很可能会超出范围影响到整体页面布局
提出你觉得可行的解决方案 [可选](Describe the solution you'd like)

提出其他的你考虑到的点(Describe alternatives you've considered)

其他

@LolipopJ
Copy link
Collaborator

来点代码康康。

如果可以的话,上个图就更直观了!

@ted423
Copy link
Author

ted423 commented Aug 16, 2021

来点代码康康。

如果可以的话,上个图就更直观了!

https://ted423.github.io/Anime/Zootopia/
这是加了后的

LolipopJ added a commit that referenced this issue Aug 16, 2021
Post page float element may be wrongly displayed in some case.
@LolipopJ
Copy link
Collaborator

感谢反馈!

已将代码添加到 dev 1.6.4 分支中,等待合入主分支。

@LolipopJ
Copy link
Collaborator

注意到自行添加的浮动元素在手机端的显示并不好,我认为可以单独创建一个样式表,例如命名为 float-right-element。在编写 md 文档时直接设置这个样式表类。

在 Desktop(960 px 以上)时,显示为靠右浮动;在 Mobile 时,显示为 static 定位元素。

@LolipopJ LolipopJ self-assigned this Aug 16, 2021
@ted423
Copy link
Author

ted423 commented Aug 16, 2021

这个转的以前的博客,css直接抄的wiki的。当时是半桶水,现在也是。
当时没太考虑移动端的问题
目前其实还在搬博客中

@LolipopJ
Copy link
Collaborator

Getting done here.

LolipopJ added a commit that referenced this issue Aug 24, 2021
🛎️ One-click translation by Google. 中文更新内容见 #307 

## Feat

1. Now you can set the avatar on the homepage to be borderless
2. The Hash value of the address bar is automatically modified to the corresponding Toc value as the article page scrolls
3. When the Toc is too long, the Toc directory will [scroll] as the article page scrolls (https://github.com/fi3ework/hexo-theme-archer/projects/1#card-64443923)
4. Add support for floating elements
5. The article with summary content enabled can be configured to display the "read more" button
6. Now you can configure the search function in the Profile bar to check the SEO status of your blog
7. Now the Profile bar can be customized to add more menus or links (#308)

## Change

1. The breakpoint on the mobile terminal is changed from `980px` to `960px`
2. When you click the Toc directory of the article page to jump, the banner is forced to be displayed, and space for the banner is reserved
3. The threshold for scrolling up the article page to display the Banner is changed from `500px` to `200px`
4. Part of the theme configuration of `Other` in `_config.yml` is moved to `Theme`.
5. Remove the Anchor button of the title in the homepage summary

## Fix

1. Fix the [Issue](#306 (comment)) that the Chinese word segmentation of the original link in the article page License does not automatically break.
2. Fix the problem that the page may display abnormally when opening Algolia search under certain pages
3. When the loading is not completed, the sidebar opening animation is no longer displayed incorrectly
4. Fix the problem that the Toc of the article page scrolls with the page to highlight the error
5. Fix the situation where floating elements may be displayed incorrectly on the article page (#309)

## Style

1. Adapt the color of the table in the article in Dark mode
2. Optimize the color configuration of Dark mode
3. Optimize the style of the 404 page
4. Optimize the display of the article page on the mobile terminal
5. Optimize the display of the sidebar on the mobile terminal
6. Optimize the display of the homepage summary and limit the height of the picture
7. Optimize the display effect when switching pages in Dark mode

## Perf

1. Improve browser scrolling performance
2. Optimize page loading performance

## Revert

1. Feature font is no longer used in sidebar article titles
2. Remove the useless Background-holder

## Chore

1. Put the content of the update log in the `CHANGELOG.md file instead of ` README.md`

## Dev

1. Provide `source_version` configuration, one-click to modify the source file version date
2. Add `.editorconfig` file
Stark-X pushed a commit to Stark-X/hexo-theme-archer that referenced this issue Apr 1, 2024
Post page float element may be wrongly displayed in some case.
Stark-X pushed a commit to Stark-X/hexo-theme-archer that referenced this issue Apr 1, 2024
🛎️ One-click translation by Google. 中文更新内容见 fi3ework#307 

## Feat

1. Now you can set the avatar on the homepage to be borderless
2. The Hash value of the address bar is automatically modified to the corresponding Toc value as the article page scrolls
3. When the Toc is too long, the Toc directory will [scroll] as the article page scrolls (https://github.com/fi3ework/hexo-theme-archer/projects/1#card-64443923)
4. Add support for floating elements
5. The article with summary content enabled can be configured to display the "read more" button
6. Now you can configure the search function in the Profile bar to check the SEO status of your blog
7. Now the Profile bar can be customized to add more menus or links (fi3ework#308)

## Change

1. The breakpoint on the mobile terminal is changed from `980px` to `960px`
2. When you click the Toc directory of the article page to jump, the banner is forced to be displayed, and space for the banner is reserved
3. The threshold for scrolling up the article page to display the Banner is changed from `500px` to `200px`
4. Part of the theme configuration of `Other` in `_config.yml` is moved to `Theme`.
5. Remove the Anchor button of the title in the homepage summary

## Fix

1. Fix the [Issue](fi3ework#306 (comment)) that the Chinese word segmentation of the original link in the article page License does not automatically break.
2. Fix the problem that the page may display abnormally when opening Algolia search under certain pages
3. When the loading is not completed, the sidebar opening animation is no longer displayed incorrectly
4. Fix the problem that the Toc of the article page scrolls with the page to highlight the error
5. Fix the situation where floating elements may be displayed incorrectly on the article page (fi3ework#309)

## Style

1. Adapt the color of the table in the article in Dark mode
2. Optimize the color configuration of Dark mode
3. Optimize the style of the 404 page
4. Optimize the display of the article page on the mobile terminal
5. Optimize the display of the sidebar on the mobile terminal
6. Optimize the display of the homepage summary and limit the height of the picture
7. Optimize the display effect when switching pages in Dark mode

## Perf

1. Improve browser scrolling performance
2. Optimize page loading performance

## Revert

1. Feature font is no longer used in sidebar article titles
2. Remove the useless Background-holder

## Chore

1. Put the content of the update log in the `CHANGELOG.md file instead of ` README.md`

## Dev

1. Provide `source_version` configuration, one-click to modify the source file version date
2. Add `.editorconfig` file
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants