Jump to content

липкий посбит

Featured Replies

  • 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>

 

Вы видите, что я делаю неправильно?

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>

 

Вы видите, что я делаю неправильно?

 

 

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>

 

Вы видите, что я делаю неправильно? 

 

ezgif.com-gif-maker(13).gif

comment_189401
17 часов назад, Desti сказал:

патамучта это ошибка, -webkit-sticky не поддерживается, используйте position:sticky

Тогда этот код  не работает как должен )

11 часов назад, AzeTural сказал:

Вы видите, что я делаю неправильно?

Вы видите, что я делаю неправильно?

 

Вы видите, что я делаю неправильно? 

 

ezgif.com-gif-maker(13).gif

Вообще то все не правильно ) Зачем вы еще раз добавляете код  <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= .......... >

comment_189476

Липкие блоки обсуждались не раз, внутри ips уже реализовано подобное ips.ui.sticky модуль (data-ipsSticky) можете тут в поиске найти
https://invisioncommunity.com/4guides/themes-and-customizations/javascript-framework/using-ui-widgets/ipsuisticky-r62/

  • 3 месяца спустя...
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?

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

comment_192743
В 12.01.2023 в 14:30, AzeTural сказал:

Привет. Как сделать посбит как на картинке?

screencast-cmsmafia.ru-2021_03.24-21_06_32.gif.02c84c0da066e3c0e9eed938d1170622.gif

То есть цель у ребят: сделать вот так, как на заглавной картинке! Инструкция на первой картинке не помогает :( 

  

В 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/

а вот тут не полностью понятно, ибо получается коряво с этим классом. :( 

 

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;
}

 

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??

  • 2 недели спустя...
comment_193154
В 25.04.2023 в 11:16, Exception сказал:

да, видимо оно больше подходит для позиционирования меньшего количества элементов (1-2 в отдельно заданных блоках)
Тогда как вариант и без редактирования шаблона (будем использовать jquery)

$(document).ready(function(){$('.cAuthorPane').wrapInner('<div class="cAuthorPaneSticky"></div>');});

хм, не надо редактировать шаблоны и не надо вставлять код выше в postContainer? А куда тогдга засунуть этот код выше у вас? :( 

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.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.