teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

コード追加

2018/07/27 05:53

投稿

mogiruri
mogiruri

スコア37

title CHANGED
File without changes
body CHANGED
@@ -1,3 +1,45 @@
1
1
  jQueryプラグインの"scrollify.js"がアクティヴの時にoverflow: scroll;が効かずに困っています。
2
2
 
3
- どこが干渉しているのかわからないので、例えばscrollさせたい場所にホバーした時に"scrollfy"を無効化したりしようと思うのです、原因究明もしくはプラグインを無効化するやりかたなど何かアイデアありますでしょうか?
3
+ どこが干渉しているのかわからないので、例えばscrollさせたい場所にホバーした時に"scrollfy"を無効化したりしようと思うのです、原因究明もしくはプラグインを無効化するやりかたなど何かアイデアありますでしょうか?
4
+ *ビギナーですので余計な記述が多いかもしれません。。。
5
+
6
+ ```jquery
7
+ コード
8
+ //scrollify
9
+ $.scrollify({
10
+ section:".panel"
11
+ });
12
+ // When this is activated, overflow: scroll; does not work
13
+
14
+ ```
15
+ ```css
16
+ コード
17
+ .disc-table{
18
+ width: 40%;
19
+ height: 460px;
20
+ /* background-color: rgba(255, 255, 255, 0.2); */
21
+ position: absolute;
22
+ top: 150px;
23
+ left: 8%;
24
+ overflow: auto;
25
+ }
26
+
27
+ #discs img{
28
+ width: 140px;
29
+ height: 140px;
30
+ margin: 10px;
31
+ box-shadow: 0 0 8px 1px black;
32
+ display: inline-block;
33
+ float: left;
34
+ }
35
+ ```
36
+ ```html
37
+ コード
38
+ <div class="disc-table">
39
+ <ul id="discs">
40
+ <!--From newest to oldest. Add id="disc name" to each img-->
41
+ <li class="single" data-groups='["single"]'><img id="tst" class="disc" src="./image/hp_single.png" alt=""></li>
42
+ <li class="single" data-groups='["single"]'><img id="tst1" class="disc" src="./image/hp_single.png" alt=""></li>
43
+ </ul>
44
+ </div>
45
+ ```