ligisayan: Пропустили точку в $('.ls-bottom-slidebutton'). Код рабочий.
Единственное, на сколько я вижу, код из демоверсии плагина и на jsfiddle несколько отличается. Если вы будете переписывать на вариант из jsfiddle, то ширину получить лучше через .innerWidth(), что бы учитывались внутренний отступы.
Tony Montana: Дублирование есть, но для чего прописывать отдельные ссылки каждому разрешению? Отображение можно настроить используя необходимые классы .visible-* и .hidden-*
ligisayan: С этим большой вопрос. Стрелки не связаны с булетами, поэтому не могу сейчас представить как позиционировать их через css. Со стрелкой .ls-nav-next еще просто, она получается с фиксированной позицией, но вот с .ls-nav-prev сложнее. Единственный вариант, который сейчас себе представляю - это через js получать ширину .ls-bottom-slidebuttons и сдвигать на это значение .ls-nav-prev влево от .ls-nav-next.
Павел Воронюк: На сколько я вижу, этот плагин и сам может справится с поставленной задачей, включая подсветку меню - manos.malihu.gr/page-scroll-to-id/2/#links-highlig...
Пропишите стили для каждого пункта, как в моем варианте, а в настройках плагина укажите
highlightClass:"active"
Sen Selesss: Мне кажется автор наткнулся на таблицу, которая была сверстана не через table, а набором div с float:left.
Float полезное свойство и часто применяется не только бутстрапом.
Павел Воронюк: Хм, тогда можно воспользоваться каким-нибудь плагином типа scrollSpy, что бы отследить видимость блоков и присваивать соответствующей ссылке стили.
Рикко: Даже так... если открыть pixellab.cz, то блоки будут пустыми, но если в адрес дописать что угодно (pixellab.cz/index.html, pixellab.cz/abrakadabra), то блоки будут на месте.
Юрий Ерусалимский: У Materialize CSS, на мой взгляд, не так уж мало js компонентов, но для работы с ними и кастомизации функционала не хватает. И тут придется или писать свои решения, или модифицировать их код.
theWaR_13: Гарантий никто не даст, это да. Вообще с сервисом знакома с начала 2014 года, когда о них писали на Хабре и тогда еще Цукерберг позвонит. И у них есть экспорт вкладок.
theWaR_13: Все дело в позиционировании относительно "близости" к экрану.
По умолчанию, элементы расположенные в коде ниже отображаются выше (ближе). Для наглядности - https://jsfiddle.net/ty038y65/ . Поэтому правый блок перекрывает тень от левого.
Что бы этого избежать надо приподнять нужный блок. Для этого Михаил Макарычев верно указал z-index для #green:hover. Но z-index применится только к элементам, у которых строго задано позиционирование relative, absolute или fixed.
Теоретически, можно было обойтись без z-index, и указать только #green:hover{position:relative}. Это само по себе вытолкнет блок над всеми элементами, у которых позиционирование строго не задано.
Единственное, на сколько я вижу, код из демоверсии плагина и на jsfiddle несколько отличается. Если вы будете переписывать на вариант из jsfiddle, то ширину получить лучше через .innerWidth(), что бы учитывались внутренний отступы.