<div class="handle">
<ul> <li></li> <li></li> <li></li> <li></li> </ul> </div> <div> <div class="content"></div> <div class="content"></div> <div class="content"></div> <div class="content"></div> <div class="content"></div> </div>
function scrollControl (){ $(".handle").find("ul li").each(function(){ $(this).click(function(){ var scrollSite= $(".content").eq($(this).index()).offset().top; $("body").animate({scrollTop: scrollSite},500); }); }); }
$("li", ".handle").on("click", function(){
var index = $(this).index();
$('html, body').animate({
scrollTop: $(".content").eq(index).offset().top
}, 500);
})
代码贴全一点,把哪儿不兼容说出来。。。这么一点代码,看不出什么东西。
类似幻灯片。点击li, 切换对应的内容。说明问题啊