Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.05.2010, 23:11
Новичок на форуме
Отправить личное сообщение для Alex_K Посмотреть профиль Найти все сообщения от Alex_K
 
Регистрация: 20.05.2010
Сообщений: 2

Быстрый подъем вверх страницы
Нашел на одном сайте - быстрый подъем вверх страницы. В опере нормально, а вот в IE никак - даже на демо не похоже - кнопка сразу внизу оказывается, а должна быть плавающей. И ещё страница расширяется.
Ниже ссылка на демо - может кто нить подскажет аналогичную приблуду - очень для сайта надо.
Помогите пожалуйста разобраться. Уже сутки парюсь - начинаю биться головой об стол в тихой истерике...
Вот ссылка на демо.
http://ruseller.com/lessons/les462/example/index.htm
Ниже код.
где-нибудь на странице и якорь в самом верху страницы (который будет ориентиром при нажатии на кнопку и поднимет посетителя вверх).
<div id="top"></div> <!--это вверху страницы-->
 <div id="message"><a href="#top" id="top-link">Подняться вверх</a></div> <!--это  вниз-->


Файл со стилями:
.container {padding: 0 0 70px 0;} /* отступ снизу */

#message
{
display: block;
display: none;

/* ссылка над всеми элементами */
z-index: 999;

/* ссылка не заслоняет полностью текст под ней */
opacity: .8;

/* ссылка всегда на одном и том же месте */
position: fixed;

/* ссылка внизу страницы */
top: 100%;
margin-top: -80px; /* = height + preferred bottom margin */

/* ссылка по центру */
left: 80%;
margin-left: -80px;

/* закругленные углы */
-moz-border-radius: 24px;
-webkit-border-radius: 24px;

/* ссылка большая, заметная и ее легко найти */
width: 300px;
line-height: 48px;
height: 48px;
padding: 10px;
background-color: #000;
font-size: 24px;
text-align: center;
}

#message a { color: #fff; }


jQuery
$(function () { // run this code on page load (AKA DOM load)

var scroll_timer;
var displayed = false;
var $message = $('#message');
var $window = $(window);
var top = $(document.body).children(0).position().top;

$window.scroll(function () {
window.clearTimeout(scroll_timer);
scroll_timer = window.setTimeout(function () { 
if($window.scrollTop() <= top) 
{
displayed = false;
$message.fadeOut(500);
}
else if(displayed == false) 
{
displayed = true;
$message.stop(true, true).fadeIn(500).click(function () { $message.fadeOut(500); });
}
}, 100);
});
$('#top-link').click(function(e) {
e.preventDefault();
$.scrollTo(0,300);
});
});
Ответить с цитированием
  #2 (permalink)  
Старый 20.05.2010, 23:16
Новичок на форуме
Отправить личное сообщение для Alex_K Посмотреть профиль Найти все сообщения от Alex_K
 
Регистрация: 20.05.2010
Сообщений: 2

Посмотрел описание своей темы - не очень понятно с исходниками.
Вот ссылка на пример с сайта
http://ruseller.com/lessons/les462/example.zip

Просьба к админу - не баньте.) Это не реклама. Просто не знаю как толково объяснить, в чем у меня проблема. Поэтому и предоставил ссылки на демо и исходники.

Последний раз редактировалось Alex_K, 20.05.2010 в 23:18.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Рендеринг страницы Wordhazard Events/DOM/Window 0 07.11.2009 13:04
Загрузка страницы, чтение значений элементов, загрузка следующей страницы sitestyler Events/DOM/Window 6 21.10.2009 12:20
Изменить заголовок страницы Shasoft Общие вопросы Javascript 2 26.05.2009 23:43
загрузка страницы во фрейм matana Общие вопросы Javascript 4 01.05.2009 23:51
Передача значений из iframe в тело страницы z00m Общие вопросы Javascript 7 01.05.2009 17:20