该插件尚未通过WordPress的最新3个主要版本进行测试。 当与较新版本的WordPress一起使用时,可能不再受到维护或支持,并且可能会存在兼容性问题。

WP LocalScroll

描述

This plugin will animate a regular anchor navigation with a smooth scrolling effect.

Each time a link is clicked, the whole screen will gradually scroll to the targeted element, instead of “jumping” as it’d normally do.

jQuery.ScrollTo is used for the animation.

安装

  1. Upload the wp-localscroll folder and all contents to /wp-content/plugins
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

常见问题

How to create jump links in WordPress?

What you need:

  • An element with an id that acts as the anchor
  • A link that uses the format #anchor_id
  1. In the Visual Editor click on the HTML Editor
  2. Locate the end point of the jump in HTML view
  3. Add an id attribute to your end point
  4. Using the built-in WordPress link dialog box, add your link in the usual way at the origin point
  5. You should be good to go

评价

2017 年 2 月 8 日
Need detailed examples of steps 3 & 4! Maybe a screen shot or two?? 1-In the Visual Editor click on the HTML Editor- Got it. 2-Locate the end point of the jump in HTML view- Got it, I think- 'End point' meaning where I want the page to scroll to? 3-Add an id attribute to your end point. - Umm what?????? I need details! Exact code character by character to be typed with [your anchor point inserted here]and such.... Yeah I'm a newbie and know no html. 4-Using the built-in WordPress link dialog box, add your link in the usual way at the origin point- Again, yes I know how to make links using the box, but what exactly do I put in as the link. The above code character by character or just my anchor point word? 5-You should be good to go - With more detailed help I sure hope so 🙂 Also, about how to adjust the speed of the scrolling. In a comment below, something mentioned about a php file. Ugh.. what is that and how do I access it? I will change my rating if I can ever get this working 🙂 Thanks
阅读所有6条评价

贡献者及开发者

“WP LocalScroll” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

将“WP LocalScroll”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

1.1

  • Fixed an issue that was preventing the JS from loading on the front-end.

1.0

  • Initial release.