15 января, 20231 yr Author comment_189382 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 января, 20231 yr comment_189401 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= .......... >
16 января, 20231 yr comment_189463 2 часа назад, saiko сказал: не смешно липкий посбит - звучит смешно
17 января, 20231 yr comment_189476 Липкие блоки обсуждались не раз, внутри ips уже реализовано подобное ips.ui.sticky модуль (data-ipsSticky) можете тут в поиске найти https://invisioncommunity.com/4guides/themes-and-customizations/javascript-framework/using-ui-widgets/ipsuisticky-r62/
17 апреля, 20231 yr comment_192300 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 comment_192735 hi This method does not work for new version of IPS Is there an alternative code?
25 апреля, 20231 yr comment_192736 27 минут назад, avangcom сказал: hi This method does not work for new version of IPS Is there an alternative code? какой метод?
25 апреля, 20231 yr comment_192738 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 comment_192743 В 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 comment_192745 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 comment_192751 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??
25 апреля, 20231 yr comment_192752 2 минуты назад, avangcom сказал: Where is this code located?? what ?
7 мая, 20231 yr comment_193154 В 25.04.2023 в 11:16, Exception сказал: да, видимо оно больше подходит для позиционирования меньшего количества элементов (1-2 в отдельно заданных блоках) Тогда как вариант и без редактирования шаблона (будем использовать jquery) $(document).ready(function(){$('.cAuthorPane').wrapInner('<div class="cAuthorPaneSticky"></div>');}); хм, не надо редактировать шаблоны и не надо вставлять код выше в postContainer? А куда тогдга засунуть этот код выше у вас?
10 мая, 20231 yr comment_193236 В 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.