2012-12-01 28 views
5

tôi đã thực hiện một jquery cho tiêu đề sửa lỗi khi người dùng cuộn xuống tiêu đề sẽ nhận được vị trí sửa chữa. Nhưng nó hoạt động trong tất cả các trình duyệt ngoại trừ ie8. bất cứ ai có thể đề xuất một cách chính xác.tiêu đề cố định khi cuộn không hoạt động ở ie8

$(document).ready(function() 
{ 
    $(document).scroll(function() 
    { 
     var window_y = $(window).scrollTop(); 
     var header_h = $('.header').height(); 
     if(window_y > header_h) 
     { 
      $(".header").addClass('fixed'); 
     } 
     else 
     { 
      $(".header").removeClass('fixed'); 
     } 
    }); 
}); 

tham khảo làm việc là here.

+0

đề nghị bạn tạo bản trình diễn trong jsfiddle.net sao chép sự cố – charlietfl

+0

liên kết fiddle được cập nhật hiện tại có ý nghĩa không? hoặc bất cứ điều gì bạn cần tôi muốn làm cho phần tiêu đề được như là "shopper.queldorei.com" chỉ cần di chuyển xuống tiêu đề nó sẽ nhận được sửa chữa. – matthewb

Trả lời

0

thử điều này và điều này sẽ làm việc tốt hoặc cũng có thể bạn có thể cho chiều cao cố định tiêu đề mà không làm biến của tiêu đề xin thử giao diện điều khiển đầu tiên

$(window).scroll(function() { 
    var header_h = $('.header').height(); 
    //console.log(header_h); 
    if ($(this).scrollTop() > header_h) 
    { 
     $(".header").addClass('fixed'); 
    } 
    else 
    { 
     $(".header").removeClass('fixed'); 
    } 
}); 

cho tôi biết nếu bạn có bất kỳ vấn đề nào khi bạn thử điều này

+0

không có lợi ích cho biến chiều cao trừ khi bạn di chuyển nó ra khỏi trình xử lý cuộn, đó là ý tưởng hay vì sự kiện cuộn sẽ kích hoạt nhiều lần một giây thứ hai – charlietfl

+0

tôi có một công việc trực tiếp như thế này và điều này hoạt động tốt. là liên kết và bạn có thể kiểm tra http://msg91.com/india/ –

+0

ya này hoạt động tốt trong ie8 .. – matthewb

Các vấn đề liên quan