×

Welcome to TagMyCode

Please login or create account to add a snippet.
 

Закреп вопроса

0
0
 
0
Language: Text
Posted by: Влад Якуб
Added: Jul 13, 2022 12:25 PM
Modified: Jul 13, 2022 12:26 PM
Views: 11
Tags: no tags
  1. @media screen and (max-device-width:650px) {
  2.             pr-question-header, pr-page-submit {
  3.                 padding-top: 1em !important;
  4.             }
  5.         }
  6.  
  7. var $ememToFix = $("pr-question-header"),
  8.                     $clone = $ememToFix.clone();
  9.                  $clone.insertBefore($ememToFix).hide();
  10.  
  11.                  $.fn.isOnScreen = function(){
  12.                      var viewport = {};
  13.                      viewport.top = $(window).scrollTop();
  14.                      viewport.bottom = viewport.top + $(window).height();
  15.                      var bounds = {};
  16.                      bounds.top = this.offset().top;
  17.                      bounds.bottom = bounds.top;
  18.                      return ((bounds.top <= viewport.bottom) && (bounds.bottom >= viewport.top));
  19.                  };
  20.  
  21.                  function refreshWidths() {
  22.                      $clone.css({
  23.                         position: "fixed",
  24.                         top: "0",
  25.                         "z-index": "1000",
  26.                          width: ($ememToFix.outerWidth() + 1) + "px",
  27.                          height: ($ememToFix.outerHeight()) + "px",
  28.                          left: (-$(window).scrollLeft() - -$ememToFix.offset().left ) + "px",
  29.                          background: "white"
  30.                        
  31.                      });
  32.                  }
  33.                  refreshWidths();
  34.              
  35.                  $(window).on("scroll", function () {
  36.                      $clone.toggle(!$ememToFix.isOnScreen());
  37.                      if (!$ememToFix.isOnScreen())
  38.                          refreshWidths();
  39.                  });
  40.  

Write a comment

To post comments, please log in or register.