<script type="text/javascript">
var isVisible = false;
$(window).on('scroll',function() {
if (checkVisible($('.pics'))&&!isVisible) {
//alert("Visible!!!");
$('#line_ani path,#line_ani polyline,#line_ani line,#line_ani circle,#line_ani rect,#line_ani .rect,#line_ani .grect').velocity({ 'stroke-dashoffset': 500 }, { duration: 0, delay: 0 }).velocity({ 'stroke-dashoffset': 0 }, { duration: 4000, delay: 0, loop:0 });
isVisible=true;
}else{
//alert("11Visible!!!");
$('#line_ani path,#line_ani polyline,#line_ani line,#line_ani circle,#line_ani rect,#line_ani .rect,#line_ani .grect').velocity({ 'stroke-dashoffset': 0 }, { duration: 0, delay: 0 }).velocity({ 'stroke-dashoffset': 500 }, { duration: 4000, delay: 0, loop:1 });
}
});
function checkVisible( elm, eval ) {
eval = eval || "pics";
var viewportHeight = $(window).height(), // Viewport Height
scrolltop = $(window).scrollTop(), // Scroll Top
y = $(elm).offset().top,
elementHeight = $(elm).height();
if (eval == "pics") return ((y < (viewportHeight + scrolltop)) && (y > (scrolltop - elementHeight)));
if (eval == "pics") return ((y < (viewportHeight + scrolltop)));
}
</script>
При прокрутке с верхней части домашней страницы движение будет выполняться из определенного места. И когда я возвращаю свиток наверх, я хочу сделать это до того, как начнется движение. Однако при прокрутке движение повторяется бесконечно. Дайте мне знать, как это исправить!