• Как сделать плавную прокрутку страницы до якоря?

    BedwaRe
    @BedwaRe
    Пиши код
    $("body").on('click', '[href*="#"]', function(e){
    	var fixed_offset = 100;
    	$('html,body').stop().animate({ scrollTop: $(this.hash).offset().top - fixed_offset }, 1000);
    	e.preventDefault();
    });

    Во-первых, асинхронно (например, у меня отзывы подгружались с другого сервиса, с задержкой несколько секунд). Во-вторых, для всех ссылок, которые содержат символ # (являются якорями). В-третьих, у меня в проекте было фиксированное меню сверху, поэтому при прокрутке прямо по якорю часть контента перекрывалась, для решения этой проблемы предлагаю установить fixed_offset равный высоте фиксированного меню (опционально).
    Ответ написан
    8 комментариев
  • Как подружить wow.js (animate.css) и fullpage.js?

    @tokieee Автор вопроса
    Решил проблему следующим образом:
    $('#fullpage').fullpage({
    		verticalCentered: false,
    		autoScrolling: false,
    		easing: 'linear',
                    easingcss3: 'ease',
    		afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){
    
    			if ( slideIndex != 0 ) {
    			    wow = new WOW(
    			      {
    			        animateClass: 'animated',
    			        live: true
    			      }
    			    );
    		        wow.init();
    	            }
    		},
    		onSlideLeave: function(anchorLink, index, slideIndex, direction){
    			$('.slide').not('.slide-' + slideIndex).find('.wow').css('visibility', 'hidden');
    		}
    	});
    Ответ написан
    Комментировать