Foundation CSS: Как пофиксить нерабочий «скролл» к якорю

Мне нравятся ссылки вида example.com#something, когда на длинной странице мы сразу спускаем пользователя в нужное место. Например, блок добавить комментарий после длинной статьи. Незадача — Foundation (foundation.zurb.com) не любит такие вещи. От слова — совсем. Идет вниз — а потом «магия» и мы опять сверху. Даешь свободу якорям!

<a href="#something">sdfgdfhdfgh</a>
...
<a name="something">asdgsfh</a>

Путем долгих поисков виновник был найден — это верхнее меню, а вернее кусок в функции assemble в foundation.topbar.js
Убирайте это все. Совсем. Делает оно вещи дурацкие и ненужные, а гробит функцию важную и хорошую. Мобильное меню мы как-то сами нарисуем где нужно… Гаденыш, а мы на табы думали если честно. С табами будет вторая серия, как при живых табах сделать хеши без «убрать дефолтную отработку».

 // Pull element out of the DOM for manipulation
      section.detach();
 
      self.S('.has-dropdown>a', section).each(function () {
        var $link = self.S(this),
            $dropdown = $link.siblings('.dropdown'),
            url = $link.attr('href'),
            $titleLi;
 
 
        if (!$dropdown.find('.title.back').length) {
 
          if (settings.mobile_show_parent_link == true && url) {
            $titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5></li><li class="parent-link show-for-small"><a class="parent-link js-generated" href="' + url + '">' + $link.html() +'</a></li>');
          } else {
            $titleLi = $('<li class="title back js-generated"><h5><a href="javascript:void(0)"></a></h5>');
          }
 
          // Copy link to subnav
          if (settings.custom_back_text == true) {
            $('h5>a', $titleLi).html(settings.back_text);
          } else {
            $('h5>a', $titleLi).html('&laquo; ' + $link.html());
          }
          $dropdown.prepend($titleLi);
        }
      });
 
      // Put element back in the DOM
      section.appendTo(topbar);

Оставить комментарий

XHTML: Вы можете использовать такие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre lang="" line="" escaped="" cssfile="">