Suggest a feature
×

Welcome to TagMyCode

Please login or create account to add a snippet.
 

Зафиксировать шапку

0
0
 
0
Language: Text
Posted by: Влад Якуб
Added: Oct 3, 2019 8:15 AM
Modified: Oct 8, 2019 9:28 AM
Views: 73
Tags: no tags
  1. 'js' => '
  2.                 $.fn.isOnScreen = function(){
  3.                      var viewport = {};
  4.                      viewport.top = $(window).scrollTop();
  5.                      viewport.bottom = viewport.top + $(window).height();
  6.                      var bounds = {};
  7.                      bounds.top = this.offset().top;
  8.                      bounds.bottom = bounds.top;
  9.                      return ((bounds.top <= viewport.bottom) && (bounds.bottom >= viewport.top));
  10.                  };
  11.  
  12.                  var $shapka = $(".pr-row-head");
  13.                  var $shapka2 = $(".pr-row-head").clone();
  14.                  $shapka2.hide();
  15.                  $shapka2.insertBefore($shapka);
  16.                  $shapka2.css({
  17.                      position: "fixed",
  18.                      top: "0",
  19.                      "z-index": "1000",
  20.                      width: ($shapka.outerWidth() + 1) + "px",
  21.                      height: ($shapka.outerHeight()) + "px",
  22.                      background: "#f3f3f3"
  23.                  });
  24.                  $shapka2.find("td").css({
  25.                      background: "#f3f3f3"
  26.                  });
  27.  
  28.                  function refreshWidths() {
  29.                      $shapka2.css({
  30.                          width: ($shapka.outerWidth() + 1) + "px",
  31.                          height: ($shapka.outerHeight()) + "px"
  32.                        
  33.                      });
  34.                      $shapka.find("td").each(function (index, item) {
  35.                          $shapka2.find("td").eq(index).css({ width: ($(item).outerWidth()) + "px" });
  36.                      });
  37.                  }
  38.  
  39.                  refreshWidths();
  40.              
  41.                  $(window).on("scroll", function () {
  42.                      $shapka2.toggle(!$shapka.isOnScreen());
  43.                      if (!$shapka.isOnScreen())
  44.                          refreshWidths();
  45.                  });
  46.                 ',

Write a comment

To post comments, please log in or register.