Управление полосой прокрутки

Статус
Закрыто для дальнейших ответов.

vla

Well-Known Member
Регистрация
16.09.2011
Сообщения
230
Не могу сообразить, как сделать так, чтобы страница, заведомо не убирающаяся в рамки экрана располагалась по центру. Проще обяснить в картинках:

Код страницы:
Код:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>index</title>
</head>
<style>
*{margin:0;padding:0;border-spacing:0;}
</style>
<body>
<table width="200%" height="2000px">
  <tr>
   <td style="text-align:center;">Контент</td>
  </tr>
</table>
</body>
</html>
Так она должна располагаться при загрузке:
 

Вложения

  • 31,6 КБ Просмотры: 82

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 145
Ну как вариант, пришло в голову на CSS
Делаешь невидимый блок (100%х100%), назначаешь ему ID и делаешь редирект на анкор.

Либо на JS
Вот нашел статью
http://itfound.ru/12...-do-yakora.html
или вот
http://habrasorium.ru/jquery/295-prokrutka-s-pomoshhyu-javascript.html
 

vla

Well-Known Member
Регистрация
16.09.2011
Сообщения
230
[member=BaNru], спасибо за сообщение - было интересно почитать обе статьи. И хорошо, что упомянул про редирект.
Как я понял, редирект делается с помощью файла .htaccess.
Признаюсь, я никогда не пользовался .htaccess.
Есть подводные камни[sup]?[/sup], если я сделаю так:
Главную страницу index.html перенаправлю на index.html#yakor.

Еще не знаю как это делать, но думаю разберусь самостоятельно....
 

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
А зачем .htaccess ?

Код:
<meta http-equiv="refresh" content="0; url=http://mycite.com/#yakor">
Правда, говорят, не на всех хостингах работает. Но и .htaccess только для апачей.

Можно еще скриптом:
Код:
document.location = "http://mycite.com/#yakor"
тем более, что с такой страницей вряд ли удастся справиться без скриптов.
 

vla

Well-Known Member
Регистрация
16.09.2011
Сообщения
230
[member=BaNru], не ругайся сильно, но можно еще несколько слов сказать? Не понял на что оно влияет и не догадываюсь как сформулировать поисковую фразу...
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 145
Секунды, через сколько он сработает.
Фраза: Редирект или meta refresh
 
  • Like
Реакции: vla

vla

Well-Known Member
Регистрация
16.09.2011
Сообщения
230
Делаешь невидимый блок (100%х100%), назначаешь ему ID и делаешь редирект на анкор.
Только сейчас понял, что не понял эту фразу...
Невидимый - это display:none; или просто пустой блок?
 

lekzd

parse error: parse error, unexpected T_STRING...
Регистрация
17.02.2011
Сообщения
1 125
А не проще ли тогда эмулировать прокрутку при помощи плагина jquery scrollpane? тогда можно сразу подставить нужное значение, а в CSS выставить нужное смещение блока
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 145
Только сейчас понял, что не понял эту фразу... Невидимый - это display:none; или просто пустой блок?
с помощью z-index убрать на задний фон.
А не проще ли тогда эмулировать прокрутку при помощи плагина jquery scrollpane? тогда можно сразу подставить нужное значение, а в CSS выставить нужное смещение блока
Тут не ищут легких путей.
Вместо scrollpane проще вычесть размер документа и сделать смещение, чем подрубать громадный плагин.
 
  • Like
Реакции: vla

lekzd

parse error: parse error, unexpected T_STRING...
Регистрация
17.02.2011
Сообщения
1 125
http://album.moskva.kotoroy.net - решение вроде этого я встретил однажды тут, но там обошлись без полос прокрутки
 
  • Like
Реакции: vla

vla

Well-Known Member
Регистрация
16.09.2011
Сообщения
230
И еще вопрос про "прокрутку"...

Что это за событие - "крутить колесо мыши"?
Можно повлиять на результат? К примеру увеличить шаг, инверсия итд...
 

lekzd

parse error: parse error, unexpected T_STRING...
Регистрация
17.02.2011
Сообщения
1 125
Оно вроде как ловится через плагин к jQuery, и благодаяр этому появляется как обычно событие для DOM, а в обработке уже можно как угодно реагировать
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 145
Кстати, подумал щас. Еще можно на CSS анимации и плавное смещение сделать. А еще тут может помочь CSS3 CALC :biggrin:
 
Статус
Закрыто для дальнейших ответов.
Верх Низ