
- #SMART SCROLL TAKEN OFF HOW TO#
- #SMART SCROLL TAKEN OFF INSTALL#
- #SMART SCROLL TAKEN OFF UPDATE#
- #SMART SCROLL TAKEN OFF FREE#
Added Extra Features with Display Next Posts With Posts Limit setup from backend.Added Documentation & Demo link on About Us Tab Backend.Added Extra Features with show next newer or older posts according to the backend settings set on page scroll.Added Extra Features to choose common features image format size for all next posts on scroll.Added extra html markup features for post, post target display simply by using #post_, #post_target in html markup fields.Latest WordPress Version Compatible check.Added some promo content in the backend of the plugin.

Added 8 new default pre available ajax loader to select for infinite post load on single post.Added New #hash tag options i.e #author_image to display author image as avatar on single post.Fixed minor design issue in the backend.Made the ajax loading image center aligned.Compatibility check with latest WordPress Version.
#SMART SCROLL TAKEN OFF INSTALL#
Install Smart Scroll Posts and give your readers a super comfort while reading! Some Useful Linksįor a easy installation guide checkout the Installation tab above.įor complete information and documentation regarding plugin,please visit below links.

This plugin currently allows single post to scroll and load another. No need to go back and find next/previous posts/blog and click again. It is useful when you want your readers read another blog/post right after one just by scrolling.
#SMART SCROLL TAKEN OFF FREE#
You can add this bit of CSS in the App.Smart Scroll Post is a FREE WordPress plugin, which allows you to load your infinite posts while scrolling. To take advantage of this, you can create an active class and add an underline to the link. When I clicked on that or manually scrolled to the bottom of the page, I noticed that the active class is, in fact, applied. To prove this, I opened up the Chrome DevTools and inspected the fifth as shown below. This can be triggered by clicking on the itself or by scrolling down to the manually. A is considered active if its to element is in view near the top of the page. The activeClass property allows you to define a class to apply to the component when its to element is active. With these added, you should be able to go back to your browser (your app should have automatically restarted already) and see smooth scrolling in action.
#SMART SCROLL TAKEN OFF UPDATE#
You’ll need to update each of the nav-items accordingly. The only difference between them will be the to property as they each point to a different : Here’s an example of the properties that you will use for each component. With the offset property, you can define an additional amount of scrolling to perform to get to each. In this case, this will be each of your s. The to property is the most important part as it tells the component which element to scroll to.

spy - To make Link selected when scroll is at its target’s position.activeClass - The class applied when element is reached.You can read about all of them on the documentation page.įor now, pay special attention to activeClass, to, spy, smooth, offset, and duration. With all of your imports defined, you can now update your nav-items to use the component. Notice that I’ve aliased animatedScroll to scroll for ease of use. Import the react-scroll package: import from "react-scroll" Install react-scroll: npm i -S react-scroll You’ll be building a simple app in this tutorial, but if you want a quick rundown of how react-scroll works, feel free to reference these condensed steps:
#SMART SCROLL TAKEN OFF HOW TO#
