I am currently facing an issue with the prinzhorn/skrollr plugin when trying to use removeClass/addClass on scroll function. I have attempted to find a solution but unfortunately, nothing has worked for me.
<li class="tab col s3"><a data-800="@class: active" data-1000="@class: active" href="#test1">Test 1</a></li>
<li class="tab col s3"><a data-1100="@class: active" data-1300="@class: active" href="#test2">Test 2</a></li>
I kindly request you to review my code section without the add class data-attribute.
<div id="about"
data-0="display: none;"
data-500="display: block; top: 100%;"
data-800="top: 0%;"
data-3000="top: 0%;"
data-3100="top: -100%;"
>
<div class="inner">
<div class="row" id="tab-nav">
<div class="col s12">
<ul class="tabs">
<li class="tab col s3"><a href="#test1">Test 1</a></li>
<li class="tab col s3"><a href="#test2">Test 2</a></li>
<li class="tab col s3"><a href="#test3">Disabled Tab</a></li>
<li class="tab col s3"><a href="#test4">Test 4</a></li>
</ul>
</div>
</div>
</div>
</div>
You can also view the fiddle here > http://jsfiddle.net/8L6urrt5/
Any assistance would be greatly appreciated! Thank you in advance!