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