Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 20.04.2012, 02:37   #1
AlienNation
Пользователь
 
Регистрация: 22.08.2010
Сообщений: 85
По умолчанию Jquery! Mousewheel, Scrolling, слайдер для IE?

имеется слайдер, который работает по скроллу, скроллит к нужному якорю, все это относится к ИЕ, в частности к 8-й его версии, так как на других я ни тестил, сейчас это выглядит так:

Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="underscore-min.js"></script>
<script type="text/javascript">
 
$(document).ready(function(){
 
 
var tempScrollTop,currentScrollTop = 0;
 
var way = "default";
 
// array of the anchors
var jak = new Array("jak1","jak2","jak3","jak4");
i = 0;
 
// scroll to id
function goToByScroll(id)
{  
$('html,body').animate({scrollTop: $("#"+id).offset().top},"fast"); 
}
 
$(window).scroll(function()
{
 
currentScrollTop = $(window).scrollTop();
 
if (tempScrollTop < currentScrollTop)
{ 
way= "down";
i++;
} 
else if (tempScrollTop > currentScrollTop)
{
way= "up";
i--;
}
 
tempScrollTop = currentScrollTop;
 
if (i<0) { ++i; }
if (i>=4){ --i; } 
 
// so, we go the current anchor
goToByScroll(jak[i]); 
 
});
 
});
</script>
</head>
<body>
<style>
html,body { width: 100%; height: 100%;}
div { margin: 0 auto; border: 1px solid; width: 500px; height: 100%; text-align: center; }
</style>
<div id="jak1">1</div>
<div id="jak2">2</div>
<div id="jak3">3</div>
<div id="jak4">4</div>
</body>
</html>
увы, это нерабочий вариант, хотя идеология вроде бы как правильная, обычную анимацию без полосы прокрутки я не могу использовать, это обусловлено тем что в телефонах тогда не будет работать, идиотизм может быть, но других я не вижу вариантов.
AlienNation вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
MouseWheel почему в моём MS Visual Studio 2010 он отсутствует?! ImmortalAlexSan Общие вопросы .NET 2 19.07.2011 10:28
Scrolling в stringgrid'e maLoy*508 Общие вопросы Delphi 2 07.05.2009 14:12
Вопрос про событие MouseWheel TashaNB Общие вопросы .NET 4 15.12.2008 17:14
scrolling в div mapkyxa HTML и CSS 3 05.06.2008 00:18