我尝试使用 nanoScroller JS 脚本,它可以在 Chrome 和 Firefox 上运行,IE9 除外。我不知道这个问题,因为我已经在 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>