Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [CSS]вертикальная полоса прокрутки / 5 сообщений из 5, страница 1 из 1
06.11.2007, 22:32
    #34920403
kiR@ch
kiR@ch
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS]вертикальная полоса прокрутки
Привет! Народ!
Делаем чат... Хочется спать...
Есть проблема.
Для вывода сообщений пользователя используем блок с вертикальной полосой прокрутки. Новые сообщения пользователя добавляются вниз, но полоса прокрутки по любому остается сверху. Отсюда проблема: чтобы увидеть последние сообщения, надо всегда прокручивать список вниз. Как сделать так, что бегунок автоматически находился внизу и при добавлении нового сообщения автоматически уходил вниз?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.11.2007, 23:02
    #34920434
agrasoff
agrasoff
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS]вертикальная полоса прокрутки
к каждому сообщению добавлять штучку в 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
| Ответить | Цитировать | Написать  
07.11.2007, 10:15
    #34920918
kiR@ch
kiR@ch
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS]вертикальная полоса прокрутки
На нашей странице есть таблица для вывода сообщений пользователей, вот код в 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, 11:09
    #34921147
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS]вертикальная полоса прокрутки
Может помогут старые добрые метки?
Код: 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, 12:00
    #34921384
agrasoff
agrasoff
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[CSS]вертикальная полоса прокрутки
kiR@chПробовали то, что написал предыдущий автор, ничего не вышло. Нам кажется, что не может быть такого, чтобы полосу прокрутки можно было задавать, а ее поведение нет. И <div id=...> для каждого сообщения -это слишком наверное. Так что ждем помощи дальше. Заранее благодарны.кажется, кажется.. не парься, у всех людей мира в чатах это работает, а у тебя нет. можт, не так чо написал?

http://www.java2s.com/Code/JavaScriptReference/Javascript-Methods/scrollIntoViewExample.htm
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [CSS]вертикальная полоса прокрутки / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 2268ms
Закрыть
start [/forum/moderation_log.php?user_name=%D1%83%D1%87%D0%B5%D0%BD%D1%8C%D0%B5%D1%81%D0%B2%D0%B5%D1%82]:
 0ms
get settings:
 10ms
get forum list:
 12ms
get settings:
 9ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 150ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 40ms
get tp. blocked users:
 2ms
others: 2009ms
total:  2268ms
x
x
Закрыть


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