Я использую https://rgalus.github.io/sticky-js/, чтобы приложить боковую панель, когда пользователь прокручивает вниз.
Структура следующая: < /p>
var sticky = new Sticky('aside');< /code>
aside {
background-color: red;
}< /code>
[*]
Something here
Recusandae non impedit aspernatur rem quod quia optio, laboriosam odit ipsam laborum dignissimos alias ea omnis qui eum, ducimus voluptatem, aperiam mollitia nobis reiciendis animi distinctio voluptates doloribus. Accusantium, repellat?
Recusandae non impedit aspernatur rem quod quia optio, laboriosam odit ipsam laborum dignissimos alias ea omnis qui eum, ducimus voluptatem, aperiam mollitia nobis reiciendis animi distinctio voluptates doloribus. Accusantium, repellat?
Recusandae non impedit aspernatur rem quod quia optio, laboriosam odit ipsam laborum dignissimos alias ea omnis qui eum, ducimus voluptatem, aperiam mollitia nobis reiciendis animi distinctio voluptates doloribus. Accusantium, repellat?
Recusandae non impedit aspernatur rem quod quia optio, laboriosam odit ipsam laborum dignissimos alias ea omnis qui eum, ducimus voluptatem, aperiam mollitia nobis reiciendis animi distinctio voluptates doloribus. Accusantium, repellat?
Recusandae non impedit aspernatur rem quod quia optio, laboriosam odit ipsam laborum dignissimos alias ea omnis qui eum, ducimus voluptatem, aperiam mollitia nobis reiciendis animi distinctio voluptates doloribus. Accusantium, repellat?
< /code>
< /div>
< /div>
Основная область контента очень высокая, а боковая панель - это всего лишь несколько виджетов, так что сделать его липким имеет смысл. И это работает, вроде. На боковой панели есть изображение и пост -петля, на которой показаны 5 постов. В этом случае это не работает. Если я ограничиваю петлю после показа 4, то это ...
Если я заменяю этот виджет Post на что -то еще, иногда он работает, иногда это не так, все зависит от высоты виджета ...
Вот пример: https://codepen.io/wojowi944/pen/baobez Просто не имеет никакого смысла. Консоль
не показывает никаких ошибок, и все должно быть настроено правильно < /p>
Я использую https://rgalus.github.io/sticky-js/, чтобы приложить боковую панель, когда пользователь прокручивает вниз. Структура следующая: < /p>
var sticky = new Sticky('aside');< /code> aside { background-color: red; }< /code> [*]
Something here
[list]
Recusandae non impedit aspernatur rem quod quia optio, laboriosam odit ipsam laborum dignissimos alias ea omnis qui eum, ducimus voluptatem, aperiam mollitia nobis reiciendis animi distinctio voluptates doloribus. Accusantium, repellat? [*]Recusandae non impedit aspernatur rem quod quia optio, laboriosam odit ipsam laborum dignissimos alias ea omnis qui eum, ducimus voluptatem, aperiam mollitia nobis reiciendis animi distinctio voluptates doloribus. Accusantium, repellat? [*]Recusandae non impedit aspernatur rem quod quia optio, laboriosam odit ipsam laborum dignissimos alias ea omnis qui eum, ducimus voluptatem, aperiam mollitia nobis reiciendis animi distinctio voluptates doloribus. Accusantium, repellat? [*]Recusandae non impedit aspernatur rem quod quia optio, laboriosam odit ipsam laborum dignissimos alias ea omnis qui eum, ducimus voluptatem, aperiam mollitia nobis reiciendis animi distinctio voluptates doloribus. Accusantium, repellat? [*]Recusandae non impedit aspernatur rem quod quia optio, laboriosam odit ipsam laborum dignissimos alias ea omnis qui eum, ducimus voluptatem, aperiam mollitia nobis reiciendis animi distinctio voluptates doloribus. Accusantium, repellat?
[/list]
< /code> < /div> < /div>
Основная область контента очень высокая, а боковая панель - это всего лишь несколько виджетов, так что сделать его липким имеет смысл. И это работает, вроде. На боковой панели есть изображение и пост -петля, на которой показаны 5 постов. В этом случае это не работает. Если я ограничиваю петлю после показа 4, то это ... Если я заменяю этот виджет Post на что -то еще, иногда он работает, иногда это не так, все зависит от высоты виджета ...
Вот пример: https://codepen.io/wojowi944/pen/baobez Просто не имеет никакого смысла. Консоль не показывает никаких ошибок, и все должно быть настроено правильно < /p>