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

fix the sidebar title of beyond the current window that it follows the title of the article in the current window #2272

Open
wants to merge 7 commits into
base: master
Choose a base branch
from

Conversation

zpj80231
Copy link

@zpj80231 zpj80231 commented Apr 2, 2020

After the title of the sidebar exceeds the current window, it does not automatically follow the document title to display in the current window.
See my blog post for the effect, try sliding your mouse: https://zpj80231.github.io/znote/views/java/ThreadLocal.html

GJ23VA.gif

Summary

What kind of change does this PR introduce? (check at least one)

  • Bugfix
  • Feature
  • Code style update
  • Refactor
  • Docs
  • Build-related changes
  • Other, please describe:

If changing the UI of default theme, please provide the before/after screenshot:

Does this PR introduce a breaking change? (check one)

  • Yes
  • No

If yes, please describe the impact and migration path for existing applications:

The PR fulfills these requirements:

  • When resolving a specific issue, it's referenced in the PR's title (e.g. fix #xxx[,#xxx], where "xxx" is the issue number)

You have tested in the following browsers: (Providing a detailed version will be better.)

  • Chrome 80.0.3987.149
  • Firefox
  • Safari
  • Edge 80.0.361.109
  • IE

If adding a new feature, the PR's description includes:

  • A convincing reason for adding this feature
  • Related documents have been updated
  • Related tests have been updated

To avoid wasting your time, it's best to open a feature request issue first and wait for approval before working on it.

Other information:

After the title of the sidebar exceeds the current window, it does not automatically follow the document title to display in the current window.
See my blog post for the effect, try sliding your mouse: https://zpj80231.github.io/znote/views/java/ThreadLocal.html
@zpj80231 zpj80231 changed the title Fix sidebar title to follow article title in current window fix the sidebar title of beyond the current window that it follows the title of the article in the current window Apr 2, 2020
Copy link
Contributor

@haoranpb haoranpb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice catch! But I think you may want to move your changes to @vuepress/plugin-active-header-links

And there are some unexpected behaviors I found. Try to visit deploy-preview, the document won't scroll to the correct position. And when scroll to the bottom of Config Reference, the sidebar do scroll with the content, but try to scroll back to the top.

Copy link
Author

@zpj80231 zpj80231 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed several issues:

  1. Fix full path jump to correct navigation and page.
  2. When the sidebar title is not in the current window, the sidebar title automatically scrolls down with the content.
  3. When the sidebar title is not in the current window, the sidebar title automatically scrolls up with the content

Try to visit https://zpj80231.gitee.io/znote/views/java/ThreadLocal.html#简介.

I tried to move the change to @vuepress/plugin-active-header-links, but found it didn't work.

Copy link
Author

@zpj80231 zpj80231 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I updated the code and changed something to @ vuepress / plugin-active-header-links.

Copy link
Author

@zpj80231 zpj80231 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

fix content jump

@zpj80231
Copy link
Author

@ludanxer I think all problems have been solved, please visit the latest deploy-preview.

@zzy-life
Copy link

zzy-life commented Jan 4, 2022

good!!!

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

Successfully merging this pull request may close these issues.

3 participants