Use `move` method for neighbouring section, and `instantMove` for non-neighbouring section

Question

Am looking for a way to animate the scrollbar only when moving between neighbouring sections. Scrollify gives you the move and instantMove methods which does that but I need help with the logic of working out whether the section am about to move to is a neighbouring or non-neighbouring section.

Is there way to pass in additional info into the afterRender method or a suggestions to achieve my goal?

afterRender: function() {

 $(".pagination a").on("click", function() {
  $.scrollify.move($(this).attr("href"));
 });
}

I found a stackoverflow answer that helps: https://stackoverflow.com/questions/45431016/scrollify-get-last-viewed-section — user1275105, Aug 18 '17 at 18:03
My issue is now that afterRender runs only index at the start, so does that mean I need to add my code to the `before`??? @RaJesh RiJo can you help with this? — user1275105, Aug 18 '17 at 18:06
Imagine I got 5 sections and am using pagination to navigate between them. Assuming am on section, let's say 2, and I click to go to 3, the scrollbar should Animate. However if I go from 2 to, let's say, 5, there should be no scrollbar animation. I hope that's clear now. — user1275105, Aug 19 '17 at 13:44
you mean that, for nearest sections need to animate and others should not! am i right? — RaJesh RiJo, Aug 21 '17 at 04:42
Then check my answer. Hope it works as per your requirement. — RaJesh RiJo, Aug 21 '17 at 08:47

RaJesh RiJo · Accepted Answer · 2017-08-21T06:26:37.540

0

Find this example fiddler for reference.

Here am trying to navigate between sections based on condition, that is targeting section should be nearest to current section. If the targeting section is nearest then scrollify animation will be added by using $.scrollify.move() function, else $.scrollify.instantMove() function will be executed.

Hope it helps.

edited Aug 21 '17 at 06:26

answered Aug 21 '17 at 06:16

RaJesh RiJo

4,302
4
25
46

Use `move` method for neighbouring section, and `instantMove` for non-neighbouring section

1 Answers1