Re: [問題] div無法顯示
你這問題的核心原因跟 JScrollPane 運作原理有關。
你看一下 jScrollPane.js 第82,83行,這是他真的會去做的事情。
這裡的$this 指的是 div#myscrollbar.scroll-pane ,
就是裡面真正裝東西的那塊。
79 $this.css('overflow', 'hidden');
80 this.originalPadding = $this.css('paddingTop') + ' ' +
$this.css('paddingRight') + ' ' + $this.css('paddingBottom') + ' ' +
$this.cs('paddingLeft');
81 this.originalSidePaddingTotal = (parseInt($this.css('paddingLeft')) || 0)
+ (parseInt($this.css('paddingRight')) || 0);
82 paneWidth = $this.innerWidth();
83 paneHeight = $this.innerHeight();
基本上因為你的外層整個是隱藏的,所以他整個沒有所謂的寬高,
這裡抓到的 width / height 都是 0 .
所以當你顯示出來時,他的container 的width / height 都是 0,
你就看不到正確的結果。
這個問題假設你要一開始隱藏,顯示後又要對的話要動一點手腳,
就是 show 完之後再去跑上 scroll panel 的行為,
或者是反向思考,先上完這行為再hide。
$('#myscrollbar').jScrollPane(
{scrollbarWidth:20, scrollbarMargin:10});}
--
I am a person, and I am always thinking .
Thinking in love , Thinking in life ,
Thinking in why , Thinking in worth.
I can't believe any of what ,
I am just thinking then thinking ,
but worst of all , most of mine is thinking not actioning...
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 111.82.114.94
推
09/05 23:55, , 1F
09/05 23:55, 1F
→
09/05 23:56, , 2F
09/05 23:56, 2F
→
09/05 23:56, , 3F
09/05 23:56, 3F
→
09/05 23:56, , 4F
09/05 23:56, 4F
→
09/05 23:56, , 5F
09/05 23:56, 5F
→
09/05 23:57, , 6F
09/05 23:57, 6F
→
09/05 23:57, , 7F
09/05 23:57, 7F
→
09/05 23:58, , 8F
09/05 23:58, 8F
→
09/05 23:58, , 9F
09/05 23:58, 9F
→
09/05 23:59, , 10F
09/05 23:59, 10F
推
09/06 00:00, , 11F
09/06 00:00, 11F
→
09/06 00:00, , 12F
09/06 00:00, 12F
→
09/06 00:00, , 13F
09/06 00:00, 13F
→
09/06 00:01, , 14F
09/06 00:01, 14F
→
09/06 00:02, , 15F
09/06 00:02, 15F
推
09/06 00:02, , 16F
09/06 00:02, 16F
→
09/06 00:02, , 17F
09/06 00:02, 17F
→
09/06 00:03, , 18F
09/06 00:03, 18F
→
09/06 00:03, , 19F
09/06 00:03, 19F
修一個錯字 XD
※ 編輯: TonyQ 來自: 111.82.114.94 (09/06 00:12)
討論串 (同標題文章)