javascript Wordpress - 使用addClass + CSS将div滚动到某个位置

Posted 2021-05-04

.sticky {
position: fixed;
top: 250px;
margin: 0px 0px 0px 43px;
}

@media (max-width: 768px) {
.sticky {
position: fixed;
top: 20px;
left: 50%;
transform: translateX(-50%);
margin: 0px;
}
}

window.onscroll = function() {stickySplash()};
window.onresize = function() {stickySplash()};

var $document = jQuery(document);

function stickySplash() {
var $view = jQuery( window ).height();
  if ( ($document.scrollTop() >= $view - 60) ) {
    jQuery("#splash").removeClass('sticky');
  }
  else if ($document.scrollTop() <= $view - 60) {
    jQuery("#splash").addClass('sticky');
  }
}