• Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Как сделать... Тема только по сайтам в системе uCoz » Как сделать стилизованный кроссбраузерный скроллбар для чата
Как сделать стилизованный кроссбраузерный скроллбар для чата
Дата: Вторник, 12.02.2013, 17:43 |
Сержант
Группа: Проверенные
Сообщений: 31
Награды: 0
Репутация: 0
Статус: Offline


Нашел плагин, который позволяет это сделать. Однако все примеры в сети показывают, как это сделать в html. Мне хотелось бы прикрутить его к миничату. И проблема в том, что у меня не юкозовский миничат, а выполненный в скрипте. Чтобы было понятно, о чем речь, привожу скрипт и стили миничата.
Скрипт Стили

Сам скроллбар вставляется таким кодом:
Код
<div class="page_content"><div>
Тут скролируемый контент
</div></div>
<style>   
   .scroll-pane {
   height: 300px; /* Высота видимой области*/
   overflow: auto; /* Если отключены скрипты это правило позволит отобразить обычный скролл */
}
</style>


Загружаются плагины и подключается скрипт:
Код
<link type="text/css" rel="stylesheet" href="http://brakonyery.ucoz.ru/style/jquery.jscrollpane.css"/>      
  <script type="text/javascript" src="http://brakonyery.ucoz.ru/js/jquery.mousewheel-3.0.4.js"></script>
  <script type="text/javascript" src="http://brakonyery.ucoz.ru/js/jquery.jscrollpane.min.js"></script>  
   
  <script type="text/javascript">
  jQuery(function()
  {
  jQuery('.scroll-pane').jScrollPane();
  });
  </script>


Так вот в чем вопрос. Кривое временное решение я нашел, но частичное. Блоку с контентом (в моем случае это .uc) просто задал большие размеры, куда гарантированно войдет весь контент. И уже его поместил в блок со скроллом .scroll-pane. Как бы работает, но напрягает пустое пространство без контента.
Я пока слабо разбираюсь в коде, но мне видится 2 пути решения. Либо делать резиновым блок с контентом, либо прикручивать скролл к самому контенту в скрипте (что мне кажется более правильным). Ни на то, ни на другое знаний не хватает. Особенно, для второго варианта. Поэтому и прошу помощи.


 
Дата: Вторник, 12.02.2013, 19:30 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


vospa, Как вы правильно сказали:
Цитата (vospa, Вт, 12.02.2013, 17:43:50)
это сделать в html

Если чат сторонний и нет доступа не к скриптам ни к хтмл фрейма то это сделать очень сложно - узнать высоту фрейма и установить фиксированную = высоте контента.


 
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Как сделать... Тема только по сайтам в системе uCoz » Как сделать стилизованный кроссбраузерный скроллбар для чата
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия