Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: при загрузке страницы бегунок скролинга был внизу автоматически

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: При переписке с друзьями нужно чтобы бегунок скролинга был постоянно внизу
jons76
Отправлено: 22 Ноября, 2014 - 14:03:03
Post Id


Новичок


Покинул форум
Сообщений всего: 3
Дата рег-ции: Нояб. 2014  


Помог: 0 раз(а)




Добрый день!
Есть блок div с параметрами style="overflow:auto; width:600px; height:300px;.
текст в этот блок попадает из БД через php:

PHP:
скопировать код в буфер обмена
  1.  
  2. $query = "SELECT * FROM * WHERE *
  3.                                                 ORDER BY date
  4.                                                 LIMIT 0,20";
  5.                                 $result = mysql_query($query);
  6.                                         if(!$result) {
  7.                                                 exit();
  8.                                         }
  9.                                        
  10.                                 $row = array();
  11.                                 for($i = 0; $i < mysql_num_rows($result);$i++) {
  12.                                 $row = mysql_fetch_array($result,MYSQL_ASSOC);
  13.                
  14.                                 if($row['name'] == ($_SESSION['auth']['name'])){
  15.                                
  16.                                 printf ('<table style="float:left;"><tr><td class="top"><center>
  17.                                 <img width="35px" height="35px" src="%s" class="photo_mes"><br/>
  18.                                 <div style="margin-top:-5px;color:#aaa;font-size:8px;">%s</div></center></td>',$row['img_src'],$row['date']);
  19.                                 if ($row['name2'] == 1){
  20.                                         echo '<td class="messages" width="430px" style="background:#a3c3fe;">'.nl2br(htmlspecialchars($res));
  21.                                 }else{
  22.                                         echo '<td class="messages" width="430px" style="background:#fff;">'.nl2br(htmlspecialchars($res));
  23.                                 }
  24.                        
  25.                                 echo '</td></tr></table>';
  26.                                
  27.                                 }else{
  28.                                
  29.                                 echo '<table style="float:right;"><tr>';
  30.                                 if ($row['name2'] == 1){
  31.                                         echo '<td class="messages" width="430px" style="text-align: right;
  32.                                                   background:#a3c3fe;">'.nl2br(htmlspecialchars($res));
  33.                                 }else{
  34.                                         echo '<td class="messages" width="430px" style="text-align: right;
  35.                                                background:#fff;">'.nl2br(htmlspecialchars($res));
  36.                                 }
  37.                                        
  38.                                 printf ('</td><td class="top"><center>
  39.                                 <a href="#"><img width="35px" height="35px" src="%s" class="photo_mes"></a><br/>
  40.                                 <div style="margin-top:-5px;color:#aaa;font-size:8px;">%s</div></center></td></tr></table>',$row['name'],$row['img_src'],$row['date']);
  41.                                
  42.                                 }
  43.                                
  44.                                 }
  45.  



Подскажите плз как можно сделать чтобы бегунок скролинга был постоянно внизу.
К сожалению с JS у меня пока не очень, по этому хотелось бы на php
Заранее спасибо!
 
 Top
alexiy
Отправлено: 22 Ноября, 2014 - 16:36:35
Post Id



Посетитель


Покинул форум
Сообщений всего: 483
Дата рег-ции: Янв. 2011  


Помог: 6 раз(а)




jons76
на PHP никак
 
 Top
jons76
Отправлено: 22 Ноября, 2014 - 17:48:18
Post Id


Новичок


Покинул форум
Сообщений всего: 3
Дата рег-ции: Нояб. 2014  


Помог: 0 раз(а)




alexiy пишет:
jons76
на PHP никак

Подскажите тогда плз как на JS, только по проще, чтобы у меня получилось внедрить
 
 Top
DelphinPRO
Отправлено: 23 Ноября, 2014 - 02:49:09
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)




jons76 пишет:
только по проще, чтобы у меня получилось внедрить


http://jsfiddle[dot]net/DelphinPRO/oqk70L5g/

CODE (html):
скопировать код в буфер обмена
  1. <div id="scroll">
  2.     <div id="panel">
  3.          много контента...
  4.     </div>
  5. </div>


CODE (css):
скопировать код в буфер обмена
  1. #scroll {
  2.     height: 200px;
  3.     overflow-y: scroll;
  4.     border: 1px solid;
  5. }


CODE (javascript):
скопировать код в буфер обмена
  1. var height = $('#panel').height();
  2. $('#scroll').scrollTop(height);


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
jons76
Отправлено: 23 Ноября, 2014 - 12:07:31
Post Id


Новичок


Покинул форум
Сообщений всего: 3
Дата рег-ции: Нояб. 2014  


Помог: 0 раз(а)




DelphinPRO пишет:
jons76 пишет:
только по проще, чтобы у меня получилось внедрить


http://jsfiddle[dot]net/DelphinPRO/oqk70L5g/

CODE (html):
скопировать код в буфер обмена
  1. <div id="scroll">
  2.     <div id="panel">
  3.          много контента...
  4.     </div>
  5. </div>


CODE (css):
скопировать код в буфер обмена
  1. #scroll {
  2.     height: 200px;
  3.     overflow-y: scroll;
  4.     border: 1px solid;
  5. }


CODE (javascript):
скопировать код в буфер обмена
  1. var height = $('#panel').height();
  2. $('#scroll').scrollTop(height);


Спасибо огромное!
Всё работает так как надо!
Супер Радость Радость Радость
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Объектно-ориентированное программирование »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB