Артём Петренков: вопрос, а точнее просьба, если я с написаного в топике что то неправильно понимаю, то тыкнуть мне пальцем, так как вы и сделали) Спасибо) И если я правильно понимаю то правильно будет написать showHeight("$("#services").height()); вместо showHeight("#services", $("#services").height());
Как тогда понять это - showHeight("document", $(document).height()); что нам дает "document" ?
Elwen: можно еще попросить на последок, следующее.. для плавной прокрутки страницы я использую библиотеку https://github.com/malihu/page-scroll-to-id. Она добавляет классы к ссылкам (.mPS2id-clicked )и к артиклу (mPS2id-target) т.е. это заменяет класс .active. Можно ваш скрипт переделать так чтоб, он искал, у какого элемента есть этот класс, чтоб избавится от добавления .active. Если не трудно и есть время) буду благодарен)
Elwen: в принципе если логично подумать, то нужно всего лишь, отслеживать высоту всей страницы и высоту артиклов.
например 1 - 1000px, 2 - 1200px, 3 - 800px и т.д. и если меню находится в диапазоне 1001 - 2200 px (высота 1 артикла и высота 2 артикла) то это соответственно 2 артикл и меню должно изменить цвет. Если при скрлинге меню находится от 0 до 1000px то это 1 артикл и опять цвет меню должен поменяться... как то так.. но не знаю как это реализовать(((
Спасибо) как то не подумал что можно активный класс + селекторы атрибутов использовать) А по поводу анимации при скролле, все равно некрасиво получается. Каждый артикл у нас например 100vh и если мы находимся в начале и у нас меню синее, при нажатии на последнее меню, у нас страничка прокручивается через все артиклы (красный, фиолетовый, зеленый) а менюшка меняется с синего на желтый.
Меню у нас дисплей: фиксед. Как можно сделать следующее: когда пункт меню hreff="#about", находится в секции id="about", оно становится тут же активным, и меняет цвет.
т.е. если у нас страничка скролится с 1 артикла к последнему, то все пункты меню, так же "меняют свою активность".
