Skip to content

Instantly share code, notes, and snippets.

View RuslanAsadov's full-sized avatar

Ruslan RuslanAsadov

View GitHub Profile
.button
display: inline-block
border: none
color: #fff
text-decoration: none
background-color: $accent
padding: 15px 45px
font-size: 13px
text-transform: uppercase
font-weight: 600
@RuslanAsadov
RuslanAsadov / preloader_fade.js
Last active December 5, 2018 14:15
preloader_fade.js
//start preloader
document.body.onload = function() {
setTimeout(function() {
$('.preloader').fadeOut('slow');
}, 2000);
}
//end preloader
@RuslanAsadov
RuslanAsadov / scrolltop.js
Last active December 2, 2018 11:45
scrolltop.js
//start scrolltop
$(window).scroll(function() {
if ($(this).scrollTop() > $(this).height()) {
$('.scrolltop').addClass('active');
} else {
$('.scrolltop').removeClass('active');
}
});
$('.scrolltop').click(function() {
$('html, body').animate({scrollTop: 0}, 'slow', 'swing');
@RuslanAsadov
RuslanAsadov / background-image.css
Last active January 13, 2019 14:12
background-image.css
background: url('img/image.jpg') no-repeat center / cover;
@RuslanAsadov
RuslanAsadov / slowscroll.js
Last active October 14, 2020 17:49
slowscroll.js
//start slowScroll
function slowScroll(id) {
if (!$(id).length) {
return
}
var offset = 0
$('html, body').animate(
{
scrollTop: $(id).offset().top - offset,
},
@RuslanAsadov
RuslanAsadov / click_not_element.js
Created December 12, 2018 13:21
Click:not(element)
$(document).on('click', function(e) {
if (!$(e.target).closest('.setlang').length) {
// code
}
e.stopPropagation();
});
@RuslanAsadov
RuslanAsadov / click-close-block.js
Last active December 18, 2018 18:10
click-close-block.js
$('.wrap__button').click(function() {
$('.wrap__selector').stop().slideToggle(); //Появление и исчезание блока
$('.wrap__field').focus(); //Устанока поля в фокус
});
$(document).keyup(function(e) { //Отслеживание ESC
if(e.keyCode == 27) {
$('.wrap__selector').slideUp();
}
}).click(function() { //клик на document, закрытие
@RuslanAsadov
RuslanAsadov / hover.js
Created December 21, 2018 19:10
hover_element (element__block--hover).js
$('element').hover(function() { //Когда наводим курсор
ths = $(this);
lnk = ths.closest('element').find('element__hover-block');
lnk.addClass('element__hover-block--hover');
}, function() { //Обратная функция (Когда убираем курсор)
lnk.removeClass('element__hover-block--hover');
});
@RuslanAsadov
RuslanAsadov / replace.js
Created December 22, 2018 14:55
replace-content.js
$('.item').each(function() { //замена во всех item
var ths = $(this);
ths.html(ths.html().replace('O', '<span>O</span>')); //заменяем в item букву О на О в span
});
@RuslanAsadov
RuslanAsadov / video_youtube.css
Last active December 5, 2020 18:55
youtube-video.sass
.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.video iframe {
border: none;
position: absolute;