Ну как, кому-то элементарная, а кто-то уже недели три голову над этим ломал ) Время время...
Чем grid плох? Я загуглил смысл свойства, управление выравниванием как раз то что нужно было для решения. На разных браузерах проверял, проблем не обнаружил - отображается как положено К каким проблемам может привести это свойство?
Так и не получилось заставить менюху ездить нормально. Просто растянул в итоге боковое меню на всю высоту страницы, что тоже оказалось не просто...
Скрипт рассчитывает высоту от родителя
<script type="text/javascript">
$(document).ready(function() {
function setEqualHeight(columns)
{
var tallestcolumn = 0;
columns.each(
function()
{
currentHeight = $(this).height();
if(currentHeight > tallestcolumn)
{
tallestcolumn = currentHeight;
}
}
);
columns.height(tallestcolumn);
}
setEqualHeight($(".w-middle,.w-container"));
});
</script>
А содержимое блока распределяется равномерно, через стиль display: inline-grid;
Может кому полезно будет, кто так же заморочиться с боковым меню
Всем респект, кто помочь пытался. Вы классные!
Это дааа.... Просто очень хочется прикрутить подобный скрипт на сайт, для удобства пользователей, а подробно вникнуть в написание JS не хватает времени.
Я уже пробовал отрубать другие скрипты, тоже думал может конфликтуют, но нет. При прокрутке вниз, после касания нижней части блока - нижнего края браузера, не происходит фиксация блока стилем .sticky, отсюда и дерганье. Уже всю голову сломал...
.sticky {
position: fixed;
z-index: 101;
}
.stop {
position: relative;
z-index: 101;
}
Салют товарищи! Беда скорее всего в CSS, так как такой же скрипт отлично работает на демо странице его автора.
На сайте реализовано плавающее боковое меню, но оно, зараза дергается при скроле вниз. Когда вверх - все норм. Может там всё элементарно, да я туплю просто? Подскажите пожалуйста, в какую сторону копать хотя бы
Страница с проблемой - https://virtualrift.net/games/ar/the_machines_mnogopolzovatelskaja_igra_v_dopolnennoj_realnosti_odobrennaja_samoj_apple/2-1-0-5003?lk6hKO
Взято от суда - http://shpargalkablog.ru/2013/09/scroll-block.html#pr8 В демо, такой же скрипт работает гладко http://sticky01.blogspot.ru/2015/05/1.html