H1-H5 headers stick on content scroll

Related tags

Learning resource logseq-sticky-headers
Overview

"Sticky Headers" plugin for Logseq

logo

h1-h5 headers blocks (which have child blocks) on the page will "stick" to the top when the page scrolls, helping you not to lose reading section names.

  • Deep headers also stick!
  • Auto stick on edit - new headers detection
  • Leveling indent

PS: Proper structure - just header in block, no additional multiline content via Shift+Enter

Sticky headers

If you ❤ what i'm doing - you can support my work! ☕

Install theme

From Logseq store - Plugins -> Marketplace

Recommended plugins/themes

What is Logseq?

Logseq is a privacy-first, open-source knowledge base. Visit https://logseq.com for more information.

Support

Credits

License

MIT License

You might also like...

Reveal CSS animation as you scroll down a page

WOW.js Reveal CSS animation as you scroll down a page. By default, you can use it to trigger animate.css animations. But you can easily change the set

Jan 8, 2023

Automatically make same-page links scroll smoothly

Automatically make same-page links scroll smoothly

Smooth Scroll Plugin Allows for easy implementation of smooth scrolling for same-page links. Note: Version 2.0+ of this plugin requires jQuery version

Dec 25, 2022

Smooth scroll animation - vanilla JavaScript

Smooth Scroll Animation Using Vanilla JavaScript Provides smooth scroll functionality on clicking buttons with different eeasing properties. The "smoo

Aug 14, 2022

Simple scroll based text reveal animation library.

Simple scroll based text reveal animation library.

Simple scroll based text reveal animation library. ⛰️ DEMO Getting Started Using packge manager NPM Install textify using npm: npm install textify.js

Dec 5, 2022

A javascript library to animate elements on scroll page events

ScrollJS by Sam Sirianni ScrollJS is a library written in Javascript. With ScrollJS you can animate elements on scroll events. Visit the ScrollJS webs

Mar 21, 2021

Javascript library for switching fixed elements on scroll through sections. Like Midnight.js, but without jQuery

Library for Switching Fixed Elements on Scroll Sometimes designers create complex logic and fix parts of the interface. Also they colour page sections

Sep 19, 2022

infiniteScrollWithTemplate - JQuery plugin for ajax-enabled infinite page scroll / auto paging with template

jQuery Infinite With Template Plugin JQuery plugin for ajax-enabled infinite page scroll with template. If you like jQuery until now, this little libr

Mar 19, 2021

A simple jQuery extension to make any HTML element sticky on scroll.

jquery.sticky.js A simple jQuery extension to make any HTML element sticky on scroll. Installation Just download the script and include it in your HTM

Aug 22, 2022

A small jQuery plugin for rendering scroll-based HTML animations

A small jQuery plugin for rendering scroll-based HTML animations

Storyline Build beautiful landing pages that change as the user scrolls up or down. Project created in 2013 and ported to GitHub in 2021. Demo Just vi

May 30, 2022
Comments
  • Transparent Headings Background

    Transparent Headings Background

    Info:

    • OS: Windows 10
    • Logseq ver: 0.8.8
    • Theme ver: 1.4.1
    • [ ] ⚠ Do i have issue with DISABLED my custom.css? No

    Description and steps: Create a long page with multiple headings. After a while of scrolling, you will notice that you can see through the sticky heading's background and see the text underneath. This makes the heading hard to read as you scroll.

    Expected behavior: Sticky header's background should be opaque.

    Screenshots image

    bug 
    opened by candideu 6
  • Switching header via block bullet menu

    Switching header via block bullet menu

    Currently, Logseq does not fire an event on headers switching via block bullet menu, so not possible to auto-detect it ((( Of course, after reopening the page all headers will stick.

    wontfix 
    opened by yoyurec 0
Releases(v1.4.3)
Owner
Yuriy Piskun
Yuriy Piskun
GitHub
Modify Request & Response Headers Chrome Extension (Manifest V3)

Modify request & response headers (Chrome Extension Manifest V3) This Chrome extension will add request header and response header to few network requ

Requestly 6 Dec 9, 2022
Mike North's "Making TypeScript Stick" course.

Mike North's "Making TypeScript Stick" course.

Mike North 24 Oct 30, 2022
🦉The jQuery plugin "Stick to me" allows you to create exit-popups on your web page, so you can capture visitors just as they are about to leave.

?? The jQuery plugin "Stick to me" allows you to create exit-popups on your web page, so you can capture visitors just as they are about to leave. How

Guilherme Assemany 18 Feb 10, 2022
This plugin allows you to stick toolbar for summernote editors.

Summernote Sticky Toolbar This is a simple plugin for Summernote that makes the toolbar sticky. preview.mp4 Installation Classic Include the plugin sc

İlyas Özkurt 6 Oct 5, 2022
A fullscreen scroll-based slideshow with a content view powered by GreenSock's Observer plugin.

Fullscreen Scrolling Slideshow A fullscreen scroll-based slideshow with a content view powered by GreenSock's Observer plugin. Article on Codrops Demo

Codrops 84 Jan 3, 2023
Animate on scroll library

❗ ❗ ❗ This is README for aos@next ❗ ❗ ❗ For last stable release (v2) go here ?? Demo ?? Codepen Examples Different built-in animations With anchor set

Michał Sajnóg 22.3k Jan 2, 2023
Conveyer adds Drag gestures to your Native Scroll.

Conveyer Demo / Documentation / Other components Conveyer adds Drag gestures to your Native Scroll. ?? ?? ?? ✨ Features You can use Native Scroll-like

NAVER 70 Dec 15, 2022
CSS3 list scroll effects

stroll.js – because it scrolls, and trolls. A collection of CSS list scroll effects. Works in browsers with support for CSS 3D transforms including a

Hakim El Hattab 4.3k Jan 3, 2023
Animate elements as they scroll into view.

Animate elements as they scroll into view. Introduction ScrollReveal is a JavaScript library for easily animating elements as they enter/leave the vie

null 21.2k Jan 4, 2023
A Simple jQuery Plugin for Animating Scroll

AnimateScroll A Simple jQuery Plugin for Animating the Scroll Demo can be seen at http://plugins.compzets.com/animatescroll What is it exactly? Animat

Ram 714 Jul 21, 2022