مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

behnam.farzadmehr

عضویت از 1394/11/04

جدول با هدر ثابت و بدنه با ارتفاع ثابت و در صورت overflow جدول اسكرول بخورد.

  • یکشنبه 25 بهمن 1394
  • 11:59
تشکر میکنم

بنابه صحبت شفاهي با شما آقاي مدائني در خصوص برنامه جدول با هدر ثابت و بدنه با ارتفاع ثابت و در صورت overflow جدول اسكرول بخورد در ايران خودرو با آقاي شايان فر خواهشمندم در برنامه اين مورد را به ما بدهيد.

پاسخ های این پرسش

تعداد پاسخ ها : 3 پاسخ
کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • یکشنبه 25 بهمن 1394
  • 13:20

کد HTML

<table id="header-fixed"></table>

 

Css

#header-fixed {
    position: fixed;
    top: 0px; display:none;
    background-color:white;
}

 

JavaScript

var tableOffset = $("#table-1").offset().top;
var $header = $("#table-1 > thead").clone();
var $fixedHeader = $("#header-fixed").append($header);

$(window).bind("scroll", function() {
    var offset = $(this).scrollTop();

    if (offset >= tableOffset && $fixedHeader.is(":hidden")) {
        $fixedHeader.show();
    }
    else if (offset < tableOffset) {
        $fixedHeader.hide();
    }
});

 

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • یکشنبه 25 بهمن 1394
  • 13:20

این لینک هم ببینید

کاربر سایت

sadegh_ham

عضویت از 1393/12/14

  • سه شنبه 27 بهمن 1394
  • 08:13

Lتاسفانه مهندس مدائنی  عزیز  کد  بالا  کار نمی کند

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)