JQuery Scrollable Text

我正在尋找一個jquery插件，它將綁定可滾動框內的文本。大多數的滾動插件正在轉換瀏覽器滾動條，但我想保持它，因爲它是和可用的。這只是爲了在小空間中包含大量文本。JQuery Scrollable Text

是這樣的page其中在最下方，它們包含在一個小滾動的框，大量的文字。我試圖實現這個插件，但我對JQuery有點新，所以微薄的指令不足以讓我脫身。如果我可以使用這個插件做我想做的，這是正確的代碼？：

<script> 
$(document).ready(function(e) { 
    $(".Information").uscrollbar(); 
}); 
</script> 

<div id="Hotel" class="Information"> 
     <p>blah</p> 
     <p>blah</p> 
     <p>blah</p> 
     <p>blah</p> 
     <p>blah</p> 
     <p>blah</p> 
     <p>blah</p> 
     <p>blah</p> 
     <p>blah</p> 
     <p>blah</p> 
     <p>blah</p> 
     <p>blah</p> 
    </div>

來源

2012-09-19 Timothy

你並不需要在$（文件）。就緒（函數（E電子） – jtheman

你真的不需要jQuery的這一點。只是一些CSS。

.Information{ 
height:100px; 
overflow:auto; 
}

如果你有真正需要這個插件，然後確保你正確地引用jQuery和鏈接插件js文件。

如果您在瀏覽器中運行該頁面，您會在控制檯窗口中看到任何內容。任何錯誤。

編輯：添加一個JSFiddle

編輯：另外要確保你引用所需的資產：

jquery.uscrollbar.js 
jquery.uscrollbar.css

來源

2012-09-19 21:49:57 DaveHogan

是的，但我想定製箱的東西更好的滾動條，是仍然有可能只用CSS？ – Richard

@Richard，那麼你應該明確的是，在原來的問題。 – CaffGeek

你真的不能自定義的CSS滾動條（限制），所以這個插件可能會滿足這一需求更好。 – DaveHogan

如果您需要動態地做到這一點，以要素，只是包裝內容在<div>有一類特殊的：

CSS：

.scroll { 
    overflow: auto; 
    max-height: 100px; 
}

JS：

$(document).ready(function() { 
    $('.elements_that_should_scroll').wrap($('<div>', {'class': 'scroll'})); 
});

演示：http://jsfiddle.net/nW7uH/

如果沒有，只是給那些元素的類scroll，它應該只是罰款沒有JS。

來源

2012-09-19 21:51:43 Blender

確保您指定的容器股利一個固定的寬度和高度，你的情況，類別信息的股利。將此添加到您的CSS文件。

.Information { 
    height: 300px; 
    width: 300px; 
}

來源

2012-12-19 21:05:31

JQuery Scrollable Text

回答

相關問題