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]   

> Без описания
psevdo
Отправлено: 10 Ноября, 2010 - 17:36:30
Post Id



Гость


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


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




Всем привет. У меня такая ситуация..Попробую изобразить визуально свою страницу:

Много-много текста, изображений

<p onClick="xxx">Кликни меня</p>


При клике на абзац ниже появляется контент. В частности имеется абзац с id #s5_maker.. В виду того, что сверху много всякой инфы, контент после кликабельного абзаца вызывает прокрутку, и что бы добраться до него нужно скролить страницу. Я пытаюсь сделать так, чтобы при клике на этот абзац, страница сама скролилась к абзацу с id #s5_maker.
Как это можно реализовать средствами JS или Jquery?
Я пытаюсь сделать так:
var offset = $('#s5_maker').offset();
$("#s5_maker").scrollTop(offset.top);


Но это не работает.
 
 Top
DeepVarvar Супермодератор
Отправлено: 10 Ноября, 2010 - 17:52:17
Post Id



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


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


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




document.scrollTop = document.scrollHeight;
 
 Top
psevdo
Отправлено: 10 Ноября, 2010 - 18:00:02
Post Id



Гость


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


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




DeepVarvar пишет:
document.scrollTop = document.scrollHeight;


А можно по-подробнее?
(Добавление)
DeepVarvar пишет:
document.scrollTop = document.scrollHeight;


Сделал вот так:
CODE (htmlphp):
скопировать код в буфер обмена
  1. document.scrollTop = document.getElementById('s5_maker').scrollHeight;


Не помогло.
 
 Top
JustUserR
Отправлено: 11 Ноября, 2010 - 10:01:40
Post Id



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


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


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




psevdo пишет:
Сделал вот так: Не помогло
Обеспечения прокрутки страницы в заданную позицию посредсвом проведения установки требуемого значения в параметр document.body.scrollTop - может не обеспечивать требуемого результата в силу отсуствия get/set-функций обработки для него - и для реализации указанной цели проводиться использование специальной функци window.scrollTo
Для проведения прокрутки страницы к позиции заданного элемента - возможно получение его позиции посредством DOM-свойств таких как offsetTop и offsetHeight - и осуществления установки данных парамтеров в указанную функцию скроллинга


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
psevdo
Отправлено: 11 Ноября, 2010 - 11:05:07
Post Id



Гость


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


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




JustUserR пишет:
psevdo пишет:
Сделал вот так: Не помогло
Обеспечения прокрутки страницы в заданную позицию посредсвом проведения установки требуемого значения в параметр document.body.scrollTop - может не обеспечивать требуемого результата в силу отсуствия get/set-функций обработки для него - и для реализации указанной цели проводиться использование специальной функци window.scrollTo
Для проведения прокрутки страницы к позиции заданного элемента - возможно получение его позиции посредством DOM-свойств таких как offsetTop и offsetHeight - и осуществления установки данных парамтеров в указанную функцию скроллинга


window.scrollTo(0,document.getElementById('desc').offsetTop+document.getElementById('desc').offsetHeight);

Не дает положительного результата.
 
 Top
JustUserR
Отправлено: 14 Ноября, 2010 - 02:06:10
Post Id



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


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


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




psevdo пишет:
window.scrollTo(0,document.getElementById('desc').offsetTop+document.getElementById('desc').offsetHeight);
Не дает положительного результата.
Возможной причиной неправильной работы приведенного вами выражения для обеспечения прокрутки страницы к позиции расположения заданного элемента - является несоответствие типов информационных полей рассчитываемых компонентов и трактования операций в соответствии с представлением их базового типа данных
В частности представлене значений свойств offsetTop и offsetHeight может быть обеспечено в строковой форме с указанием еденицы измерения параметра - что включает необходимость осуществления их явного перевода в численные выражения посредством создания объекта new Number или приведения типа parseInt - в обеспечением последующего расчета компонентов


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


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



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

 
Powered by ExBB FM 1.0 RC1. InvisionExBB