ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [CSS]вертикальная полоса прокрутки
5 сообщений из 5, страница 1 из 1
[CSS]вертикальная полоса прокрутки
    #34920403
kiR@ch
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kiR@ch
Гость
Привет! Народ!
Делаем чат... Хочется спать...
Есть проблема.
Для вывода сообщений пользователя используем блок с вертикальной полосой прокрутки. Новые сообщения пользователя добавляются вниз, но полоса прокрутки по любому остается сверху. Отсюда проблема: чтобы увидеть последние сообщения, надо всегда прокручивать список вниз. Как сделать так, что бегунок автоматически находился внизу и при добавлении нового сообщения автоматически уходил вниз?
...
Рейтинг: 0 / 0
06.11.2007, 22:32
| Ответить | Цитировать | Написать  
[CSS]вертикальная полоса прокрутки
    #34920434
Фотография agrasoff
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
agrasoff
Участник
к каждому сообщению добавлять штучку в html'e:

Код: plaintext
1.
2.
3.
4.
5.
6.
<div id="msg12124237">
Я щас тут тако--о-о-о-о-ое увидел у себя в штанах!!!
</div>
<script>
document.getElementById('msg12124237').scrollIntoView();
</script>

css навряд ли поможет

Код: plaintext
Veo moto
...
Рейтинг: 0 / 0
06.11.2007, 23:02
| Ответить | Цитировать | Написать  
[CSS]вертикальная полоса прокрутки
    #34920918
kiR@ch
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kiR@ch
Гость
На нашей странице есть таблица для вывода сообщений пользователей, вот код в HTML:

Код: plaintext
1.
2.
3.
<td  valign="top" width="600" >
              <div id="content_chat_room" class="content_chat_room">                                 
              </div>                         
      </td>

CSS стиль для этого div'a:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
.content_chat_room{
                border-color: # 123456 ;
                border: 1px solid;
                width: 600px;
		height: 150px;		
		position: relative;
		float: left;
		background-color: #FFFFFF;
                overflow-y: scroll;
		}
То есть при переполнении этого блока по вертикали появляется полоса прокрутки.
Кстати, мы пишем с использованием AJAX, то есть страница обновляется не полностью, а только этот div(при добавлении нового сообщения).

Пробовали то, что написал предыдущий автор, ничего не вышло. Нам кажется, что не может быть такого, чтобы полосу прокрутки можно было задавать, а ее поведение нет. И <div id=...> для каждого сообщения -это слишком наверное. Так что ждем помощи дальше. Заранее благодарны.
...
Рейтинг: 0 / 0
07.11.2007, 10:15
| Ответить | Цитировать | Написать  
[CSS]вертикальная полоса прокрутки
    #34921147
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Может помогут старые добрые метки?
Код: plaintext
<a name='имя'>
Потом организовать переход на нужную метку...
----------
Cache for Windows NT (Intel) 5.0.20 (Build 6305) Fri Sep 16 2005 11:54:10 EDT
...
Рейтинг: 0 / 0
07.11.2007, 11:09
| Ответить | Цитировать | Написать  
[CSS]вертикальная полоса прокрутки
    #34921384
Фотография agrasoff
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
agrasoff
Участник
kiR@chПробовали то, что написал предыдущий автор, ничего не вышло. Нам кажется, что не может быть такого, чтобы полосу прокрутки можно было задавать, а ее поведение нет. И <div id=...> для каждого сообщения -это слишком наверное. Так что ждем помощи дальше. Заранее благодарны.кажется, кажется.. не парься, у всех людей мира в чатах это работает, а у тебя нет. можт, не так чо написал?

http://www.java2s.com/Code/JavaScriptReference/Javascript-Methods/scrollIntoViewExample.htm
...
Рейтинг: 0 / 0
07.11.2007, 12:00
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [CSS]вертикальная полоса прокрутки
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&gotonew=1&tid=1457417]:
 0ms
get settings:
 12ms
get forum list:
 15ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 155ms
get topic data:
 12ms
get first new msg:
 8ms
get forum data:
 3ms
get page messages:
 48ms
get tp. blocked users:
 1ms
others: 15ms
total:  277ms
созд. / загр.: 277ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]