[英]skrollr add/remove class on scroll
我在滾動功能上的prinzhorn / skrollr插件有removeClass / addClass問題。 我已經嘗試查找並獲得此方法,但是對我來說沒有運氣。
<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>
請檢查我的部分代碼,不要添加類數據屬性。
<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>
或者您在此處查看小提琴> http://jsfiddle.net/8L6urrt5/
任何幫助將是巨大的! 之前謝謝!
在數據屬性中使用@class實際上並不是scroller的功能,只是在此處作為請求的功能進行了討論:github.com/Prinzhorn/skrollr/issues/99。
您可以通過執行以下操作使用數據屬性以類似的方式添加CSS:
<div class="blah" data-100="@myAttr: 0;" data-200="@myAttr: 1;" data-300="@myAttr: 1;" data-400="@myAttr: 0;" ></div>
.blah[myAttr="1"]{
/* your style */
}
該解決方案由同一github線程中的注釋提供: github.com/Prinzhorn/skrollr/issues/99#issuecomment-68102729
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.