2011-06-06 34 views
2

由於旋轉的內容區域,textoverflow和關於滾動條無法正常顯示的-webkit問題,我決定使用jscrollpane。對於初始問題:Original Issue question to Sitepoint.使用溢出截斷底層內容:auto;和jscrollpane

爲了防止所有額外的css代碼爲-webkit瀏覽器創建我自己的滾動條,我決定使用jscrollpane。它適用於一個主要問題:幾行底部的文本仍然不可見!請參閱:overflow: auto; with jscrollpane, but cutting off bottom text.如何使其可滾動,以使所有內容可見?

任何幫助表示讚賞。

PChuprina

+0

我在WebKit瀏覽器相同的問題。你確定了一個解決方案? – 2011-08-30 21:08:25

回答

1

歡迎使用stackoverflow!

這看起來像一個簡單的時間問題。在jsScrollPane()函數運行後,您正在改變滾動窗格的內容。

首先嚐試簡單地將其包含在$(document).ready()函數中。如果這不起作用,請通過您的函數並檢查是否有任何javascript正在更改該容器的大小,並將jsScrollPane()作爲回調添加。

相當肯定第一個會爲你工作雖然:)

+0

嗨@Inrbob, 不幸的是,您的修復程序無法正常工作。不知道我是否實現了$(document).ready()函數。實現jscrollpane的代碼是: $(function(){ $('#resume')。jScrollPane(); }); 也似乎沒有任何其他功能改變容器的大小。唯一的其他JavaScript是Google分析。任何更多的幫助肯定會被讚賞和學習經驗。謝謝。 PChuprina – PChuprina 2011-06-07 12:28:56

+1

嗯,有趣。如果你用chrome打開你的網站,點擊ctrl + shift + j,進入控制檯,輸入'$('#resume')。jScrollPane();並點擊輸入它應該顯示正確的滾動條。你有一個script.js文件 - 你不能在這裏添加你的初始化代碼嗎?最終選項 - 這可能是因爲您的圖片加載。如果在script.js中添加到'$(document).ready(function(){})'不起作用,請嘗試創建一個新函數'$(window).load(function(){$('#resume')) .jScrollPane();})' – lnrbob 2011-06-07 15:14:56

+0

我認爲Inrbob是正確的,但我發現了jScrollPane的一些奇怪的行爲。我遇到過同樣的問題。我的圖像有填充屬性設置爲6px,這是沒有計算封閉div的整體高度。 jScrollPane初始化器只是忽略了圖像的屬性,並且封閉div比(2x6px)12px的預期要短。 – 2011-12-21 19:47:26