github
/
hexo-theme-icarus
mirror of https://github.com/ppoffice/hexo-theme-icarus
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
hexo-theme-icarus/source/_posts/theme/Sticky-Sidebar.md

1.7 KiB
Raw Blame History

title: Make a Sidebar Sticky When Page Scrolls date: 2018-10-16 categories:

  • Configuration

  • Theme sidebar: right: sticky: true widgets:

      type: profile
  position: right
  author: PPOffice
  author_title: Web Developer
  location: Earth, Solar System
  avatar: 
  gravatar: 
  follow_link: 'http://github.com/ppoffice'
  social_links:
      Github:
          icon: fab fa-github
          url: 'http://github.com/ppoffice'
      Facebook:
          icon: fab fa-facebook
          url: 'http://facebook.com'
      Twitter:
          icon: fab fa-twitter
          url: 'http://twitter.com'
      Dribbble:
          icon: fab fa-dribbble
          url: 'http://dribbble.com'
      RSS:
          icon: fas fa-rss
          url: /
    • type: links position: right links: Hexo: 'https://hexo.io' Bulma: 'https://bulma.io'
    • type: recent_posts position: left
    • type: archive position: left
    • type: category position: left
    • type: tag position: left

Sometimes you may want your sidebar's position to stay fixed when other parts of your page scrolls. This can be done via the sticky option of the sidebar in the theme's _config.yml. You can set any of the sidebar or even both of them to sticky.

sidebar:
    left:
        sticky: false
    right:
        sticky: true

This is some really long content.