Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Как реализовать плавающий блок в сайтбаре?

Как реализовать плавающий блок в сайтбаре?

     12.11.2015    Стили (CSS), jQuery    1884

вопрос
Здравствуйте. Подскажите, как можно реализовать плавающий блок на сайте? Чтобы при скролинге, блок опускался вниз и вверх.

Ответа пока нет

 

5 комментариев

misha-koder
Юзер

misha-koder - 13 ноября 2015 06:09 -

position: fixed;
baseroad
Юзер

baseroad - 14 ноября 2015 12:20 -

Почему-то не помогло
mastodontoff
Юзер

mastodontoff - 14 ноября 2015 14:52 -

baseroad
Юзер

baseroad - 14 ноября 2015 15:06 -

Можете подсказать как там устанавливаеться, а то я нечего не понял с сайта...))))
mastodontoff
Юзер

mastodontoff - 14 ноября 2015 15:15 -

Можно проще,
для наглядности вот тут нарисовал http://jsfiddle.net/njou90f3/

Просто добавляете в main.tp и куда вам больше нравится скрипт, главное чтобы он подгрузился у вас на странице

<script type="text/javascript">
$(function() {
     var offset = $("#fixed").offset();
     var topPadding = 150, //отступ сверху
         bottomPadding = 370; //высота над которой остоновится
     $(window).scroll(function() {
         if ($(window).scrollTop() > offset.top) {
             if ($(document).height() - bottomPadding > $(window).scrollTop() + $("#fixed").height()) $("#fixed").stop().animate({
                 marginTop: $(window).scrollTop() - offset.top + topPadding
             });
         } else {
             $("#fixed").stop().animate({
                 marginTop: 0
             });
         };
     });
 });
</script>


А блок который вы желаете, чтобы двигался ставите между 

<div id="fixed">.....</div>
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 25.08.2011 Гость  Стили (CSS)
 21.01.2014 thirus  Общие вопросы, Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 04.03.2014 thirus  Общие вопросы, Общие вопросы по вёрстке, Стили (CSS), jQuery, Общие вопросы по PHP
 05.04.2014 Serhio  Стили (CSS), jQuery
 21.04.2014 MrDreamer  Шаблоны (TPL), Стили (CSS)
 26.04.2014 panov  Шаблоны (TPL), Стили (CSS)
 01.06.2014 prolight  Общие вопросы, Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), Ламерские вопросы
 12.10.2014 Crashlabs  Общие вопросы, Стили (CSS)
 26.07.2015 DomiTori  Стили (CSS), Ламерские вопросы
 19.08.2015 AleksMey  Стили (CSS)
  • byroot | Как изметить тег titlе в /engine/engine. ... 3
    Фото byroot
    byroot
    Как изметить тег titlе в /engine/engine.php ?
    29-05-2025, 11:49
    старый код адаптировать не долго, если найдётся такой хак к старым версиям.
  • qpool | Как изметить тег titlе в /engine/engine. ... 3
    Фото qpool
    qpool
    Как изметить тег titlе в /engine/engine.php ?
    29-05-2025, 11:17
    спасибо попробую ! но просто раньше помню в старых версиях менялось все engine.php
  • byroot | Как изметить тег titlе в /engine/engine. ... 3
    Фото byroot
    byroot
    Как изметить тег titlе в /engine/engine.php ?
    29-05-2025, 11:05
    Можешь использовать плагин https://sandev.pro/web/159-fullstory-metatags-by-sander.html и настроить метатеги как захочешь через fullstory.tpl
  • byroot | Вопрос по Тегам и Описании к ним? 9
    Фото byroot
    byroot
    Вопрос по Тегам и Описании к ним?
    28-05-2025, 02:56
    используй систему ПЛАГИНов а не физические правки в файлах, и потом всё при обновлении будет чуть проще.
  • Andrey179 | Почему не отображается заголовок в поиск ... 2
    Фото Andrey179
    Andrey179
    Почему не отображается заголовок в поиске яндекс?
    28-05-2025, 02:35
    Благодарю.
  • SashQa26 | Вопрос по Тегам и Описании к ним? 9
    Фото SashQa26
    SashQa26
    Вопрос по Тегам и Описании к ним?
    27-05-2025, 23:42
    byroot,
    А если chatgpt предлагает код который можно вставить в engine.php и после будет на странице любого тега писаться так скажем уже оптимизированное Title и Description? Проверил, да, способ рабочий, мой текст с кодом tag_name что в заголовке что в описании отображается и работает. Яндекс ругаться больше не будет на одинаковый текст..
    Но, чатикgpt единственное что сказал, что это не костыль, и что если будет обновление DLE, может это слететь, а так говорит если всё работает то не трогай)) А если и слетит я думаю, то код не большой. Я его снова смогу так же запихнуть куда нужно...
  • byroot | Вопрос по Тегам и Описании к ним? 9
    Фото byroot
    byroot
    Вопрос по Тегам и Описании к ним?
    27-05-2025, 17:41
    их можно и дальше писать но для удобства навигации пользователям, а от индексации ПС к примеру страницы тегов закрыть. тут тогда seo оптимизация им не нужна будет.
    опять же всё зависит от того, для каких целей они используются в данный момент, и будет ли в этих страницах ценность со стороны ПС.
  • byroot | Почему не отображается заголовок в поиск ... 2
    Фото byroot
    byroot
    Почему не отображается заголовок в поиске яндекс?
    27-05-2025, 17:28
    потому что в head напрочь отсутствуют мета теги:
    
   <head>
      <!-- Yandex.Metrika counter -->
тут метрика
<!-- /Yandex.Metrika counter --> 
      <meta name="google-site-verification" content="****" />
      <meta name="yandex-verification" content="****" /> 
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <link rel="shortcut icon" href="/templates/ZONA/images/favicon.png" />
      <link rel="stylesheet" type="text/css" href="/engine/classes/min/index.php?f=/templates/ZONA/style/engine.css,/templates/ZONA/style/styles.css" />
      <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600|Oswald:700&amp;subset=cyrillic" rel="stylesheet">
      <meta name="og:title" content="***" /><meta name="og:url" content="***" /><meta name="og:image" content="***" /><meta name="og:description" content="***" /><meta name="og:duration" content="56" />
      <meta name="theme-color" content="#111">
   </head>

    скорее всего в шаблоне нет тега {headers} для вывода метаданных страницы а так же кодировки, т.к. в коде страницы не видно этих данных!
  • SashQa26 | Вопрос по Тегам и Описании к ним? 9
    Фото SashQa26
    SashQa26
    Вопрос по Тегам и Описании к ним?
    27-05-2025, 12:15
    byroot, Спасибо за ответ, я посмотрю. И действительно, нужны ли мне теги эти на сайте? Может вообще их не писать?
  • SashQa26 | Вопрос по Тегам и Описании к ним? 9
    Фото SashQa26
    SashQa26
    Вопрос по Тегам и Описании к ним?
    27-05-2025, 12:10
    Да щас вообще думаю..может не писать теги? смысла от них нет, только добавляют кучу не оптимизированных страниц. Если нужно, на крайний случай добавлю новую категорию.. а так ведь с заголовка ищутся и похожие материалы по названию(на этой же странице), то-есть перелинковка есть, поиск на сайте есть.. Title к материалу пишу, и Description тоже, а это самое главное. Правильно я размышляю?)
наверх