jQueryプラグインの"scrollify.js"がアクティヴの時にoverflow: scroll;が効かずに困っています。
どこが干渉しているのかわからないので、例えばscrollさせたい場所にホバーした時に"scrollfy"を無効化したりしようと思うのです、原因究明もしくはプラグインを無効化するやりかたなど何かアイデアありますでしょうか?
*ビギナーですので余計な記述が多いかもしれません。。。
jquery
1コード 2//scrollify 3 $.scrollify({ 4 section:".panel" 5 }); 6 // When this is activated, overflow: scroll; does not work 7
css
1コード 2.disc-table{ 3 width: 40%; 4 height: 460px; 5 /* background-color: rgba(255, 255, 255, 0.2); */ 6 position: absolute; 7 top: 150px; 8 left: 8%; 9 overflow: auto; 10} 11 12#discs img{ 13 width: 140px; 14 height: 140px; 15 margin: 10px; 16 box-shadow: 0 0 8px 1px black; 17 display: inline-block; 18 float: left; 19}
html
1コード 2<div class="disc-table"> 3 <ul id="discs"> 4 <!--From newest to oldest. Add id="disc name" to each img--> 5 <li class="single" data-groups='["single"]'><img id="tst" class="disc" src="./image/hp_single.png" alt=""></li> 6 <li class="single" data-groups='["single"]'><img id="tst1" class="disc" src="./image/hp_single.png" alt=""></li> 7 </ul> 8 </div>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。