Shop Gold Dostosowanie Sklepu z poziomu zaplecza sklepu

Przezrowert4

Zmiana menu górnych, przyglejenie ich do top strony:

 

<script>
window.onscroll = function() {myFunction()};

var header = document.getElementById("SzukanieKoszyk");
var header2 = document.getElementById("GorneMenu");
var sticky = header.offsetTop;

function myFunction() {
  if (window.pageYOffset > sticky) {
    header.classList.add("sticky");
    header2.classList.add("sticky2");
  } else {
    header.classList.remove("sticky");
    header2.classList.remove("sticky2");
  }
}

</script>
<style>
@media (min-width: 1000px){
.sticky {
  position: fixed;
  top: -1px !important;
  width: 100%;
z-index: 5;
left: 0px;

  animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}
 #GorneMenu { 
  width: 100%; left: 0px;  position: fixed; top: 105px; padding: 0 30px; }
#SzukanieKoszyk {   width: 100%; left: 0px;  top: 53px; position: fixed; padding: 0 30px; background: #fff; }

.sticky2 {
  position: fixed;
  top: 50px !important;
  width: 100%;
z-index: 5;
left: 0px;
  animation: smoothScroll2 0.5s forwards;
}
@keyframes smoothScroll2 {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}
#Nawigacja {
    margin: 40px 0px 10px 0px;
    padding: 10px 0px 8px 0px;
}
#SrodekKolumna {
    float: left;
    margin-top: 70px;
}
#LinkLogo {
    margin-top: 120px;
}
#Logowanie {
    float: right;

    padding: 5px 15px 5px 30px;
    border-right: 1px solid #cfcfcf;
    position: fixed;
    right: 380px;
    z-index: 8;
    top: 60px;
}
#Schowek {
    float: right;
    background: url('../obrazki/szablon/schowek.png') no-repeat left center;
    padding: 5px 0px 5px 25px;
    margin-left: 20px;
    position: fixed;
    z-index: 8;
    right: 220px;
    top: 60px;
}
#ZmianaJezyka .Flaga {
    cursor: pointer;
    display: none;
}
}
.topop {width: 96.1%; padding: 8px 30px; background: #000; color: #eee; }
</style>

Podobne wpisy