Hash Link Scroll Offset
Often anchor links can be overachievers and can scroll a user past the section intended. This plugin attempts to change that by offering a setting that allows you to change the scroll offset when clicking anchors. It also adds a nice animated scrolling effect when clicking an anchor rather than the sudden jump that usually occurs. Even handles when visiting a hashed URL directly.
no-scroll class on any hash links that are not meant to scroll to an area of the page (Navigation for sliders, etc).
Pluginize was launched in 2016 by WebDevStudios to promote, support, and house all of their WordPress products. Pluginize is not only creating new products for WordPress all the time, but also provides ongoing support and development for WordPress community favorites like CPTUI, CMB2, and more.
View plugin listing on wordpress.org →
Latest version: Download Hash Link Scroll Offset v0.2.0 [zip]
- Upload the entire
/hash-link-scroll-offsetdirectory to the
- Activate Hash Link Scroll Offset through the ‘Plugins’ menu in WordPress.
- Update the “Hash Link Scroll Offset” setting on the general settings page, http://YOURSITE.COM/wp-admin/options-general.php.
- Misc changes
- Tested up to WordPress 5.9 *
- Adjust JS to account for relative urls.
- Add checks for evt and event.preventDefault existing.
- Refactor JS to be more extensible, and adjust auto-scrolling (when hash exists in URL) to be more intelligent.
'hash_link_scroll_offset.scroll_to'jQuery event fired befor scrolling is initated. Also introduce useful properties,
'hash_link_scroll_offset.complete'jQuery event fired when scrolling complete.
- Fix “Cannot use a scalar value as an array” debug warning. (Relevant Trac ticket)
- Prevent browser windows from moving/blinking on initial click of anchor link. Props @ImBigWill.
- Automatically compensate for admin bar. Props @salcode.
no-scrollclass exception. Props @billerickson
- First release