15 января, 20232 yr Author 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> Вы видите, что я делаю неправильно?
16 января, 20232 yr 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= .......... >
17 января, 20232 yr Липкие блоки обсуждались не раз, внутри ips уже реализовано подобное ips.ui.sticky модуль (data-ipsSticky) можете тут в поиске найти https://invisioncommunity.com/4guides/themes-and-customizations/javascript-framework/using-ui-widgets/ipsuisticky-r62/
17 апреля, 20231 yr 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?
25 апреля, 20231 yr hi This method does not work for new version of IPS Is there an alternative code?
25 апреля, 20231 yr 27 минут назад, avangcom сказал: hi This method does not work for new version of IPS Is there an alternative code? какой метод?
25 апреля, 20231 yr 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
25 апреля, 20231 yr В 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/ а вот тут не полностью понятно, ибо получается коряво с этим классом.
25 апреля, 20231 yr 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; }
25 апреля, 20231 yr 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??
7 мая, 20231 yr В 25.04.2023 в 11:16, Exception сказал: да, видимо оно больше подходит для позиционирования меньшего количества элементов (1-2 в отдельно заданных блоках) Тогда как вариант и без редактирования шаблона (будем использовать jquery) $(document).ready(function(){$('.cAuthorPane').wrapInner('<div class="cAuthorPaneSticky"></div>');}); хм, не надо редактировать шаблоны и не надо вставлять код выше в postContainer? А куда тогдга засунуть этот код выше у вас?
10 мая, 20231 yr В 07.05.2023 в 21:49, alexis сказал: хм, не надо редактировать шаблоны и не надо вставлять код выше в postContainer? А куда тогдга засунуть этот код выше у вас? в изменить тему есть вкладка header и footer, в область footer вставить можно, предварительно обернув в тег script
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.