saiko Опубликовано 15 января, 2023 Поделиться Опубликовано 15 января, 2023 Donjuan Хрень какая то у меня все съезжает в кучу 😁 Donjuan 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
AzeTural Опубликовано 15 января, 2023 Автор Поделиться Опубликовано 15 января, 2023 4 hours ago, Xontero said: in your screenshot close </div> is placed wrong. you should add before </aside> not after that. like below: <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'> <div id="authorsticky"> <!-- . . . . --> </div></aside> Вы видите, что я делаю неправильно? Untitled.mp4 4 hours ago, Xontero said: in your screenshot close </div> is placed wrong. you should add before </aside> not after that. like below: <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'> <div id="authorsticky"> <!-- . . . . --> </div></aside> Вы видите, что я делаю неправильно? Untitled.mp4 4 hours ago, Xontero said: in your screenshot close </div> is placed wrong. you should add before </aside> not after that. like below: <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'> <div id="authorsticky"> <!-- . . . . --> </div></aside> Вы видите, что я делаю неправильно? Dusty и Xontero 2 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Dusty Опубликовано 16 января, 2023 Поделиться Опубликовано 16 января, 2023 17 часов назад, Desti сказал: патамучта это ошибка, -webkit-sticky не поддерживается, используйте position:sticky Тогда этот код не работает как должен ) 11 часов назад, AzeTural сказал: Вы видите, что я делаю неправильно? Untitled.mp4 Вы видите, что я делаю неправильно? Untitled.mp4 Вы видите, что я делаю неправильно? Вообще то все не правильно ) Зачем вы еще раз добавляете код <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'> <div id="authorsticky"> </div> </aside> Когда у вас есть этот код в postcont <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'> ? вам надо добавить только код <div id="authorsticky"> после когда <aside class= .......... > Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
saiko Опубликовано 16 января, 2023 Поделиться Опубликовано 16 января, 2023 Парни это уже не смешно 😅 дайте гайд как сделать нормально ахахах Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Zero108 Опубликовано 16 января, 2023 Поделиться Опубликовано 16 января, 2023 2 часа назад, saiko сказал: не смешно липкий посбит - звучит смешно Donjuan и saiko 1 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
saiko Опубликовано 16 января, 2023 Поделиться Опубликовано 16 января, 2023 Zero108 ну он как мог так и выразил свою мысль по этому поводу) Zero108 и Donjuan 1 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Exception Опубликовано 17 января, 2023 Поделиться Опубликовано 17 января, 2023 Липкие блоки обсуждались не раз, внутри ips уже реализовано подобное ips.ui.sticky модуль (data-ipsSticky) можете тут в поиске найти https://invisioncommunity.com/4guides/themes-and-customizations/javascript-framework/using-ui-widgets/ipsuisticky-r62/ Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
avangcom Опубликовано 17 апреля, 2023 Поделиться Опубликовано 17 апреля, 2023 On 1/17/2023 at 2:14 PM, Exception said: Липкие блоки обсуждались не раз, внутри ips уже реализовано подобное ips.ui.sticky модуль (data-ipsSticky) можете тут в поиске найти https://invisioncommunity.com/4guides/themes-and-customizations/javascript-framework/using-ui-widgets/ipsuisticky-r62/ What code should we use for CSS? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
avangcom Опубликовано 25 апреля, 2023 Поделиться Опубликовано 25 апреля, 2023 hi This method does not work for new version of IPS Is there an alternative code? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Exception Опубликовано 25 апреля, 2023 Поделиться Опубликовано 25 апреля, 2023 27 минут назад, avangcom сказал: hi This method does not work for new version of IPS Is there an alternative code? какой метод? avangcom 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
avangcom Опубликовано 25 апреля, 2023 Поделиться Опубликовано 25 апреля, 2023 On 1/14/2023 at 8:02 PM, Xontero said: hi edit your theme and find Postcontainer template 1. after this: <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'> add this: <div id="authorsticky"> 2. then before this: </aside> add this: </div> and final add this in custom.css: #authorsticky { position: -webkit-sticky !important; /* Safari */ position: sticky !important; top: 15px !important; } This method does not work on the new version Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
alexis Опубликовано 25 апреля, 2023 Поделиться Опубликовано 25 апреля, 2023 В 12.01.2023 в 14:30, AzeTural сказал: Привет. Как сделать посбит как на картинке? То есть цель у ребят: сделать вот так, как на заглавной картинке! Инструкция на первой картинке не помогает В 17.01.2023 в 05:44, Exception сказал: Липкие блоки обсуждались не раз, внутри ips уже реализовано подобное ips.ui.sticky модуль (data-ipsSticky) можете тут в поиске найти https://invisioncommunity.com/4guides/themes-and-customizations/javascript-framework/using-ui-widgets/ipsuisticky-r62/ а вот тут не полностью понятно, ибо получается коряво с этим классом. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Exception Опубликовано 25 апреля, 2023 Поделиться Опубликовано 25 апреля, 2023 35 минут назад, alexis сказал: То есть цель у ребят: сделать вот так, как на заглавной картинке! Инструкция на первой картинке не помогает а вот тут не полностью понятно, ибо получается коряво с этим классом. да, видимо оно больше подходит для позиционирования меньшего количества элементов (1-2 в отдельно заданных блоках) Тогда как вариант и без редактирования шаблона (будем использовать jquery) $(document).ready(function(){$('.cAuthorPane').wrapInner('<div class="cAuthorPaneSticky"></div>');}); css: aside.cAuthorPane { overflow: inherit; /* We need to reset this value */ } .cAuthorPaneSticky { position: sticky; top: 5px; } avangcom 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
avangcom Опубликовано 25 апреля, 2023 Поделиться Опубликовано 25 апреля, 2023 3 hours ago, Exception said: да, видимо оно больше подходит для позиционирования меньшего количества элементов (1-2 в отдельно заданных блоках) Тогда как вариант и без редактирования шаблона (будем использовать jquery) $(document).ready(function(){$('.cAuthorPane').wrapInner('<div class="cAuthorPaneSticky"></div>');}); css: aside.cAuthorPane { overflow: inherit; /* We need to reset this value */ } .cAuthorPaneSticky { position: sticky; top: 5px; } Where is this code located?? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Exception Опубликовано 25 апреля, 2023 Поделиться Опубликовано 25 апреля, 2023 2 минуты назад, avangcom сказал: Where is this code located?? what ? avangcom 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
avangcom Опубликовано 25 апреля, 2023 Поделиться Опубликовано 25 апреля, 2023 Where to put the code to scroll the post bit Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
avangcom Опубликовано 25 апреля, 2023 Поделиться Опубликовано 25 апреля, 2023 Thanx Tested OK 😁 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
alexis Опубликовано 7 мая, 2023 Поделиться Опубликовано 7 мая, 2023 В 25.04.2023 в 11:16, Exception сказал: да, видимо оно больше подходит для позиционирования меньшего количества элементов (1-2 в отдельно заданных блоках) Тогда как вариант и без редактирования шаблона (будем использовать jquery) $(document).ready(function(){$('.cAuthorPane').wrapInner('<div class="cAuthorPaneSticky"></div>');}); хм, не надо редактировать шаблоны и не надо вставлять код выше в postContainer? А куда тогдга засунуть этот код выше у вас? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Exception Опубликовано 10 мая, 2023 Поделиться Опубликовано 10 мая, 2023 В 07.05.2023 в 21:49, alexis сказал: хм, не надо редактировать шаблоны и не надо вставлять код выше в postContainer? А куда тогдга засунуть этот код выше у вас? в изменить тему есть вкладка header и footer, в область footer вставить можно, предварительно обернув в тег script Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.