[Do realizacji]Przypięta navigacja

[Marchwj]

Fajnie by było, jakby była opcja przypięcia navbara, aby przy scrollowaniu był ciągnie na górze strony (w starej wersji forum była taka opcja chyba)

Spoiler

o tym mówię ;p

 

[Yaboku]

Brakuje mi tego, tak.

[Latreso]

Nie jest jakoś dopracowane, ale działa

Można sobie dodać do Greasemonkey lub odpowiedników z innych przeglądarek

Spoiler

window.addEventListener('scroll',function(){
  let elem = document.getElementById('elUserNav');
  if( (window.pageYOffset || document.documentElement.scrollTop)  - (document.documentElement.clientTop || 0) > elem.dataset.fromTop){
  	elem.toFixed();
  } else {
  	elem.toNormal();
  }
});

window.onload = function() {
  //
  let elem = document.getElementById('elUserNav');
  Object.assign(elem.style,{backgroundColor:'#15181e', zIndex:'10000', paddingLeft:'10px'});
  Object.assign(elem.dataset,{defaultPosition:elem.style.position, deafultLeft:(elem.style.left||''), defaultTop:(elem.top||'')});
  //
  elem.toFixed = function(){
    Object.assign(this.style,{position:'fixed',left:this.dataset.fromLeft+'px',top:'0'});
    return true;
  }
  //
  elem.toNormal = function(){
    Object.assign(this.style,{position:this.dataset.defaultPosition,left:this.dataset.deafultLeft,top:this.dataset.defaultTop});
    return false;
  }
  //
  elem.detectedResize = function(){
    let docEl = document.documentElement;
    let wasFixed = this.style.position=='fixed'?this.toNormal(this):false;
    //
    this.dataset.fromTop = (this.getBoundingClientRect().top + (window.pageYOffset || docEl.scrollTop || document.body.scrollTop) - (docEl.clientTop || document.body.clientTop || 0));
    this.dataset.fromLeft = (this.getBoundingClientRect().left + (window.pageXOffset || docEl.scrollLeft || document.body.scrollLeft) - (docEl.clientLeft || document.body.clientLeft || 0));
    //
    wasFixed?elem.toFixed(this):null;
  }
  //
  elem.detectedResize();
  window.addEventListener('resize', function(){elem.detectedResize();});
};

 

 

[SpisN]

szczerze, czasem jest to przydatne więc fajnie jak by to dodali.

[Gość]

Wrócimy do tego po upgrade.