Jump to content
View in the app

A better way to browse. Learn more.

IPBMafia.ru - поддержка Invision Community, релизы, темы, плагины и приложения

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Featured Replies

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

 

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

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

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= .......... >

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

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

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

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

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

 

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

 

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 недели спустя...
В 25.04.2023 в 11:16, Exception сказал:

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

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

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

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

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.