我正在使用.localScroll按钮(#slideshow-nav),锚定到两组列表 - 图像(#slideshow)和文本(#slideshow-text)&然后将.hide和.slideDown效果添加到文本中。因此,单击每个按钮会使其链接的图像和隐藏文本滚动到位,然后显示文本。它适用于所有浏览器,但Firefox,当我刷新浏览器时,按钮和文本返回到第一个列出的位置,但图像没有。有没有人可以建议的JS解决方案?
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>
<script type="text/javascript" src="js/jquery.localscroll.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#slideshow, #slideshow-text").css("overflow", "hidden");
$("#slideshow-nav").css("visibility", "visible");
$("#slideshow-nav li:first-child a").addClass("active");
$.localScroll({target:'#slideshow', axis: 'x'
});
$("#slideshow-nav a").click(function(){
$("#slideshow-nav a").removeClass("active");
$("#slideshow-text li").hide();
var childIdx = parseInt($($(this)[0].parentElement).index(), 10) + 1
$("#slideshow-text li:nth-child(" + childIdx + ")").hide("slow", function() {
$("#slideshow-text li:nth-child(" + childIdx + ")").slideDown("slow");
});
$(this).addClass("active");
});
});`
</script>