我尝试使用nanoScroller JS脚本,除IE9外,它可以在Chrome和Firefox上运行。我不知道这个问题,因为我在teste页面上做了一个测试,它有效,但在我的项目中它不起作用。脚本如下:
$(".lista-noticia").click(function () {
$(".noticia-completa:visible").hide("slow");
if ($(this).closest("li").find(".noticia-completa").is(':visible')) {
$(".noticia-completa").hide("slow");
$(".lista-noticia").removeClass("ativo");
} else {
$(this).closest("li").toggleClass("ativo").find(".noticia-completa").slideToggle(1200, function(){
$(this).nanoScroller();
});
$(".lista-noticia").not(this).removeClass("ativo");
}
});
和HTML
<div class="noticia-completa nano">
<div class="content">
<p>Lorem ipsum dolor sit amet.....</p>
<img src="images/index/foto-noticia.png" alt="Imagem Noticia">
<p>Donec non egestas magna....</p>
<p>Donec non egestas magna....</p>
<p>Donec non egestas magna....</p>
</div>
</div>
IE高达9,每个文件只接受4095个样式规则,也许这就是问题所在。
另请参阅:
用于IE 4096选择器/样式表限制的Rails资产管道解决方案