Показать сообщение отдельно
  #1 (permalink)  
Старый 09.02.2017, 10:05
Аспирант
Отправить личное сообщение для Deymos Посмотреть профиль Найти все сообщения от Deymos
 
Регистрация: 14.01.2013
Сообщений: 33

Выделить блок при прокрутке
Здравствуйте!

Имеется вот такой js-код

<script type="text/javascript">
jQuery(document).ready(function(){

	// = Вешаем событие прокрутки к нужному месту
	//	 на все ссылки якорь которых начинается на #
	jQuery('a[href^="#"]').bind('click.smoothscroll',function (e) {
		e.preventDefault();

		var target = this.hash,
		$target = $(target);

		jQuery('html, body').stop().animate({
			'scrollTop': $target.offset().top  - 100
		}, 900, 'swing', function () {
			window.location.hash = target;
		});
	});

});
</script>


Благодаря ему происходит плавная прокрутка к нужному элементу (по ID). Что нужно добавить чтобы добиться:
1. Выделение блока относительно другой части контента. К примеру у меня есть div. При клике на якорь прокрутить страницу к блоку и затемнить остальной контент кроме текста в блоке.
2. При клике за границы блока - выделение пропадало.

Уже всю голову сломал. Помогите пожалуйста.
Ответить с цитированием