переход на якорь заезжает за верхний фиксированный блок.

[audisport]

Добрый день!

Уже двое суток голову ломаю, как сделать так, чтобы при нажатии на якорь блок не заезжал за фиксированное меню сверху?

Сайт на котором это творится: https://smart-remont.com/

Помогите, пожалуйста.

[Great Rash]

Сделайте якорь невидимым и установите его повыше (на размер меню).

[audisport]

Сделайте якорь невидимым и установите его повыше (на размер меню).

   то есть вы предлагаете сделать еще по одному невидимому блоку для каждого уже имеющегося на сайте, которые будут выше чем видимые?

   Спасибо, за предложение.

 

Может у кого-то есть еще мысли?

Edited July 24, 2015 by audisport

[Great Rash]

Не ну можно ещё на JS закодить...

[sigma77]

Так там и так скролл на js сделан. Если не ошибаюсь, то тут https://smart-remont.com/sites/all/modules/scroll_to_destination_anchors/scroll_to_destination_anchors.js?nqtc4s

Просто вычтите высоту меню из linkOffset.

[audisport]

Так там и так скролл на js сделан. Если не ошибаюсь, то тут https://smart-remont.com/sites/all/modules/scroll_to_destination_anchors/scroll_to_destination_anchors.js?nqtc4s

Просто вычтите высоту меню из linkOffset.

Большое спасибо, а подскажите, пожалуйста, куда в код вставить заветные пиксели?

В js я пока что ноль...

(function($) {Drupal.behaviors.scrolltoanchors = {  attach: function(context, settings) {    $(document).ready(function(){      function validateSelector(a) {        return /^#[a-z]{1}[a-z0-9_-]*$/i.test(a);      }      function scrollToDestination(a, {        if (a >  {          destination = b;        } else {          destination = a;        }        $('html,body').animate({ scrollTop: destination }, 800, 'swing');      }      $('a[href^="#"]', context).click(function(event) {        event.preventDefault();        var hrefValue = $(this).attr('href');        var strippedHref = hrefValue.replace('#','');        var heightDifference = $(document).height() - $(window).height();        if (validateSelector(hrefValue)) {          if ($(hrefValue).length > 0) {            var linkOffset = $(this.hash).offset().top;            scrollToDestination(linkOffset, heightDifference);          }          else if ($('a[name=' + strippedHref + ']').length > 0) {            var linkOffset = $('a[name=' + strippedHref + ']').offset().top;            scrollToDestination(linkOffset, heightDifference);          }        }      });    });  }};}(jQuery));

Edited August 10, 2015 by audisport

[antonKar]

куда в код вставить заветные пиксели

Открываем код в редакторе, жмём Ctrl+F, ищем "linkOffset", как было написано ранее; найдя, пишем "- X", где X - число пикселей.

[audisport]

 

куда в код вставить заветные пиксели

Открываем код в редакторе, жмём Ctrl+F, ищем "linkOffset", как было написано ранее; найдя, пишем "- X", где X - число пикселей.

 

Простите, там 4 раза указан linkOffset. Я понял, что к нему надо дописать, но в каком виде и в каких из 4-х мест, что бы браузр это правильно слопал?

Спасибо.

          if ($(hrefValue).length > 0) {            var linkOffset = $(this.hash).offset().top;            scrollToDestination(linkOffset, heightDifference);          }          else if ($('a[name=' + strippedHref + ']').length > 0) {            var linkOffset = $('a[name=' + strippedHref + ']').offset().top;            scrollToDestination(linkOffset, heightDifference);

Edited August 10, 2015 by audisport

[audisport]

сделал) 

в эту строчку надо добавить свои пиксели: $('html,body').animate({ scrollTop: destination }, 800, 'swing');

и выглядит это вот так:

$('html,body').animate({ scrollTop: destination 150}, 800, 'swing');

[Int]

Я думаю, там всё же destination - 150

[audisport]

Я думаю, там всё же destination - 150

да простите, ошибся, destination - 150 

[audisport]

возник еще один интересный вопрос, а как вместо цифирек пикселей указать там код который будет брать значение высоты из верхнего фиксированного меню?

Спрашиваю потому что в зависимости от разрешения экрана размеры верхнего меню будут изменятся. 

Спасибо.

[antonKar]

код который будет брать значение высоты из верхнего фиксированного меню

тыц