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 :: начало показа страницы с отступом [2]

 PHP.SU

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


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

> Описание: помощь!
Поиск в теме | Версия для печати
Zuldek
Отправлено: 24 Января, 2012 - 13:09:10
Post Id


Постоянный участник


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


Помог: 50 раз(а)
RuslanBLR пишет:
Zuldek

ставлю сразу после body - не смещает! почему?


чтобы было понятно почему, допишите в стили

CODE (htmlphp):
скопировать код в буфер обмена
  1.     <div style="position:relative; z-index: 999; border:2px solid black;"><div style="position:absolute; width:10px; height:10px; z-index:9999; margin:300px 0 0 0;  border:2px solid red;" id="mark"></div></div>

догадаться почему и исправить сможете сами.

(Отредактировано автором: 24 Января, 2012 - 13:09:30)

 
 Top
RuslanBLR
Отправлено: 24 Января, 2012 - 13:29:59
Post Id


Новичок


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


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

простите поправка:

получается когда переходу на эту страницу - то не смещает, начинаю листатать скролинг вниз - обнавляю страницу - тогда переводит на установленный div.
 
 Top
armancho7777777 Супермодератор
Отправлено: 24 Января, 2012 - 13:31:48
Post Id



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


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
У Вас jQuery подключен?
Значение скролла можно изменить только с помощью JS.

(Отредактировано автором: 24 Января, 2012 - 13:32:58)

 
 Top
RuslanBLR
Отправлено: 24 Января, 2012 - 13:37:25
Post Id


Новичок


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


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

нет. Как его подключить?
 
 Top
Zuldek
Отправлено: 24 Января, 2012 - 13:41:20
Post Id


Постоянный участник


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


Помог: 50 раз(а)
RuslanBLR пишет:
Zuldek

простите поправка:

получается когда переходу на эту страницу - то не смещает, начинаю листатать скролинг вниз - обнавляю страницу - тогда переводит на установленный div.


попробуйте без перехода на страницу нажать ctrl+f5. страница должна загрузится прокрученной до начала элемента с меткой mark.
сценарий js должен быть внутри тега header, и до вызова функции click через onload в теге body.
(Добавление)
Zuldek пишет:
RuslanBLR пишет:
Zuldek

простите поправка:

получается когда переходу на эту страницу - то не смещает, начинаю листатать скролинг вниз - обнавляю страницу - тогда переводит на установленный div.


попробуйте без перехода на страницу нажать ctrl+f5. страница должна загрузится прокрученной до начала элемента с меткой mark.
сценарий js должен быть внутри тега header, и до вызова функции click через onload в теге body.


upd. если вашу задачу нужно решить только на 1 странице и в одном месте то подключение jquery нецелесообразно и все делается на чистом js, как показано выше.
 
 Top
RuslanBLR
Отправлено: 24 Января, 2012 - 13:45:26
Post Id


Новичок


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


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

я знаю Улыбка сейчас попробую
(Добавление)
Zuldek
Сделал все как вы сказали, но при нажатии на ctr+F5 не чего не происходит, а при F5 обновляет просто.

вот код:

CODE (html):
скопировать код в буфер обмена
  1. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" dir="ltr">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  4.  
  5. <title></title>
  6. <link type="text/css" rel="stylesheet" media="all" href="styles.css" />
  7.  
  8. <script language="JavaScript">
  9.  
  10. <!--
  11.  
  12. function Click() {
  13.  
  14. document.getElementById('mark').scrollIntoView(true);
  15.  
  16. }
  17.  
  18. ;
  19.  
  20. //-->
  21.  
  22. </script>
  23.  
  24.  
  25.        
  26.  
  27. </head>
  28.  
  29. <body id="body" onload="Click()">
  30.  <div style="position:relative; z-index: -9999;"><div style="position:absolute; width:1px; height:1px; z-index:-999; margin:410px 0 0 0;" id="mark"></div></div>      
  31.  
  32. ......
  33. .....
  34.  
  35. .....
  36. ....            
  37.  
 
 Top
armancho7777777 Супермодератор
Отправлено: 24 Января, 2012 - 14:09:44
Post Id



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


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
Вот без jQuery:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. <script type="text/javascript">
  3.  
  4.   window.onload = function(){
  5.          
  6.         var h = document.body.scrollHeight;
  7.         var percent = 10;
  8.         h = h * percent / 100;
  9.        
  10.         window.scrollBy(0, h);
  11.        
  12.   }
  13.  
  14. </script>
  15.  

(Отредактировано автором: 24 Января, 2012 - 14:13:26)

 
 Top
Zuldek
Отправлено: 24 Января, 2012 - 14:11:26
Post Id


Постоянный участник


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


Помог: 50 раз(а)
скопировал код, вставил в страницу - все работает, как надо. При открытии страницы она скролится до элемента div.

Имейте ввиду, что скролбар появляется только в том случае, если на странице достаточно контента чтобы его скролить.

Спойлер (Отобразить)
 
 Top
RuslanBLR
Отправлено: 24 Января, 2012 - 14:20:01
Post Id


Новичок


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


Помог: 0 раз(а)
Zuldek
контента там предостаточно! Или я так понимаю если div скрола виден сразу после загрузки страницы - то он небудет делать div верхней точкой, может поэтому - скрол работает только тогда когда я пролистываю скролам намного ниже - тогда при обновлении div берется верхней точкой. Если это так - то как это поправить?
(Добавление)
armancho7777777

Спасибо огромное вам и всем кто помогал!!!!!!ваш код работает!!!!!
(Добавление)
armancho7777777

поправочку можно! а как сделать чтобы скрол не высчитывался по окну а устанавить фиксировано?

(Отредактировано автором: 24 Января, 2012 - 14:26:05)

 
 Top
armancho7777777 Супермодератор
Отправлено: 24 Января, 2012 - 14:49:01
Post Id



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


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
RuslanBLR пишет:
поправочку можно! а как сделать чтобы скрол не высчитывался по окну а устанавить фиксировано?

Задайте второму параметру в scrollBy нужное Вам значение.
Сей час он равен 200:

CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. <script type="text/javascript">
  3.  
  4.   window.onload = function(){
  5.  
  6.         this.scrollBy(0, 200);
  7.  
  8.   }
  9.  
  10. </script>
  11.  

(Отредактировано автором: 24 Января, 2012 - 14:57:32)

 
 Top
RuslanBLR
Отправлено: 24 Января, 2012 - 14:57:08
Post Id


Новичок


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


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

Спасибо!
 
 Top
armancho7777777 Супермодератор
Отправлено: 24 Января, 2012 - 14:58:14
Post Id



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


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
На здоровье.
 
 Top
Поиск в теме | Версия для печати
Страниц (2): « 1 [2]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


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



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

 
Powered by ExBB FM 1.0 RC1. InvisionExBB