2013-08-24 6 views
0

Я хочу, чтобы верхняя панель сдвигалась вниз, когда прокручивается вниз и сдвигается вверх при прокрутке вверх.слайд вниз меню при прокрутке вниз jQuery

http://jsfiddle.net/aP7JY/8/

//when scroll down top-bar is fixed 
$(function() { 
    var top = $("#top-bar"); 
    $(window).scroll(function() {  
     var scroll = $(window).scrollTop(); 

     if (scroll >= 170) { 
      top.show("fast").addClass("fixed"); 
     } else { 
      top.removeClass("fixed"); 
     } 
    }); 
}); 
+0

Хорошо, но в чем проблема сейчас? –

+0

Я хочу сдвинуться вниз, чтобы не отображаться мгновенно – nikospap

+0

Когда останавливается прокрутка, меню должно медленно лететь наверх? Или что вы хотите? – ostapische

ответ

0
function JSFX_FloatBottomLeft() { 

var startX = 40, startY = 100; 
var ns = (navigator.appName.indexOf("Netscape") != -1); 
var d = document; 
function ml(id) { 
    var el = d.getElementById ? d.getElementById(id) : d.all ? d.all[id] : d.layers[id]; 
    if (d.layers) el.style = el; 
    el.sP = function(x, y) { this.style.left = x + "px"; this.style.top = y + "px"; }; 
    el.x = startX; 
    el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; 
    el.y -= startY; 
    return el; 
} 
window.stayBottomLeft = function() { 
    var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; 

    fblObj.y += (pY - startY - fblObj.y)/8; 
    fblObj.sP(fblObj.x, fblObj.y); 
    setTimeout("stayBottomLeft()", 40); 
}; 
fblObj = ml("dvPlumbCamp"); 
stayBottomLeft();} 

Он будет оставаться левом нижнем углу медленно скользят по двигаться

+0

ЧТО ЭТО? – nikospap

+0

Это останется в нижней части и левой стороне, если u прокрутит вверх и вниз, он будет следовать за u – Chandan

+0

, и это позиция вашего div u может изменить значение 'var startX = 40, startY = 100;' – Chandan

0

Это может быть полезным.

$(function() { 
     var top = $("#top-bar"); 
     $(window).scroll(function() {  

      var scroll = $(window).scrollTop(); 
      $('#top-bar').offset({'top' : scroll}); 

     }); 
    }); 
Смежные вопросы