var _top = $(window).scrollTop();
$(window).scroll(function() {
var _cur_top = $(window).scrollTop();
if(_top < _cur_top)
{
$('div#toolbox').slideDown('slow');
}
else
{
$('div#toolbox').slideUp('slow');
}
_top = _cur_top;
});
$('div#toolbox').keypress(function() {
$('div#toolbox').slideUp('slow');
});
<style>
div#toolbox {
background:#eee bottom left repeat-x;height:30px;
position:fixed;
bottom:0px;
left:0px;
width:100%;
border-top:10px solid #e5e5e5; }
ul.toolbox {
margin:0px;
padding:0px;
list-style:none; }
ul.toolbox li {
background:#666 bottom left repeat-x;
padding:0px 10px 0px 10px;
float:left;
color:#ffffff;
height:30px;
line-height:30px; }
ul.toolbox li {
color:#ffffff;
display:block;
padding:0px 5px 0px 5px;
text-decoration:none; }
div.fixedpage {
width:925px;
text-align:left; }
</style>
<div id="toolbox" style="display:none">
<div align="center">
<div class="fixedpage">
<div style="position:relative">
<ul class="toolbox"><li>Long text...Long text...Long text...</li></ul>
</div>
</div>
</div>
</div>
Смысл таков, при прокрутки страницы вниз, внизу окна всплывает окно/меню, но мне надо что бы окно всплывало только после прокрутки определёённой высоты, скажем 200px. и только в этом случае появлялся toolbar внизу страницы. Грубо говоря, наверху страницы есть меню, как только оно прокручивается и исчезает с поля зрения, в низу страницы появляется toolbar(в моём случае уменьшенное меню). В варианте код которого я выложил toolbox сразу пропадает после любой прокрутки ввех(а надо чтобы только если нету верхнего меню в видимости). Я пробовал это сделать через id элемента, якобы я прокрутил до id="showtoolbox" и оно всплыло, но тут проблема с тем, что у многих высото окна браузера разная и момент исчезновения будет разный в зависимости от высоты окна.
С JQuevery работаю первый раз, так что извеняйте если я слепой
Заранее спасибо.