Jump to content

jQuery cкролл до определенного места


Recommended Posts

        <script type="text/javascript">
        jQuery(function(){     
          jQuery('html, body').animate({
            scrollTop: jQuery('#block').offset().top
          }, 2000);
        });
        </script>

 

Вот такой вот скрипт, при загрузке страницы скролит до нужного места (элемента), как сделать так чтоб он работал (скрипт) только при ширине экрана 800px и ниже...

Спасибо!

Link to post
Share on other sites
$(document).ready(function(){
	
	$("body").addClass("js");
	
   $('.slice-this').wTextSlicer({
    height: '340',
    textExpand: 'Развернуть описание',
    textHide: 'Свернуть описание'
   });
   
		 $("#owl-top").owlCarousel({    
			navigation : true,
			navigationText: [
			  "<i class='fa fa-arrow-circle-left'></i>",
			  "<i class='fa fa-arrow-circle-right'></i>"
			  ],
			slideSpeed : 300,
			paginationSpeed : 400,
			singleItem:false,
			itemsCustom: [[0, 2], [470, 3], [590, 4], [760, 5], [950, 6], [1220, 8]],
			autoPlay:false,
			pagination: false,
			lazyLoad : true
		});
		
		 $("#owl-actors").owlCarousel({    
			navigation : true,
			navigationText: [
			  "<i class='fa fa-arrow-circle-left'></i>",
			  "<i class='fa fa-arrow-circle-right'></i>"
			  ],
			slideSpeed : 300,
			paginationSpeed : 400,
			singleItem:false,
			itemsCustom: [[0, 2], [470, 3], [600, 4], [760, 5], [940, 6], [1230, 8]],
			autoPlay:false,
			pagination: false
		});
		
		 $("#owl-rel").owlCarousel({    
			navigation : true,
			navigationText: [
			  "<i class='fa fa-arrow-circle-left'></i>",
			  "<i class='fa fa-arrow-circle-right'></i>"
			  ],
			slideSpeed : 300,
			paginationSpeed : 400,
			singleItem:false,
			itemsCustom: [[0, 2], [470, 3], [590, 4], [760, 5], [950, 5], [1220, 6]],
			autoPlay:false,
			pagination: false,
			lazyLoad : true
		});

 

Link to post
Share on other sites

Спасибо. Работает. С меню плюсик, выручили.  В JS не силен, точнее вообще не силен. Тему можно закрыть.

Цитата

if (+$(window).width() <= 800){
$(function(){     
          $('html, body').animate({
            scrollTop: $('#block').offset().top
          }, 2000);
        });

}

Должно работать

 

Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...