Skip to content

Instantly share code, notes, and snippets.

View alim-nagoev's full-sized avatar
🌚
Working from home

alim-nagoev

🌚
Working from home
View GitHub Profile
```js
$( "#slider-range" ).slider({
step: 50,
range: true,
min: 100,
max: 5000,
values: [ 100, 3000 ],
slide: function( event, ui ) {
$( "#amount_min" ).val(ui.values[ 0 ] );
$( "#amount_max" ).val(ui.values[ 1 ] );
```js
let bar_button = document.querySelector(".header_navbar");
let header_navigation = document.querySelector(".header_menu");
let menu_links = document.querySelectorAll(".header_menu a");
bar_button.addEventListener("click", function (event) {
event.preventDefault();
this.classList.toggle("bar_open");
header_navigation.classList.toggle("menu_open");
})// END MOBILE NAVBAR
```js
var prevScrollpos = window.pageYOffset;
window.onscroll = function () {
var currentScrollPos = window.pageYOffset;
if (prevScrollpos > currentScrollPos) {
document.querySelector(".header").style.top = "0";
} else {
document.querySelector(".header").style.top = "-90px";
}
prevScrollpos = currentScrollPos;
```js
function scrollIt(element) {window.scrollTo({'behavior': 'smooth','left': 0,'top': element.offsetTop});}
var btns = document.querySelectorAll('.js-btn');
var sections = document.querySelectorAll('.js-section');
btns[0].addEventListener('click', function () {scrollIt(sections[0]);});
btns[1].addEventListener('click', function () {scrollIt(sections[1]);});
```
```html
<div class="btns">