Skip to content

Instantly share code, notes, and snippets.

@morphIsmail
morphIsmail / readTextOnJs.html
Created Dec 16, 2020
Чтение из файла на JavaScript
View readTextOnJs.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Чтение файла</title>
</head>
<body>
<input type="file" id="file">
<button>Чтение файла</button>
@morphIsmail
morphIsmail / menu.js
Last active Oct 7, 2021
Меню с плавной прокруткой на чистом JavaScript
View menu.js
// Найти все ссылки начинающиеся на #
const anchors = document.querySelectorAll('a[href^="#"]')
// Цикл по всем ссылкам
for(let anchor of anchors) {
anchor.addEventListener("click", function(e) {
e.preventDefault() // Предотвратить стандартное поведение ссылок
// Атрибут href у ссылки, если его нет то перейти к body (наверх не плавно)
const goto = anchor.hasAttribute('href') ? anchor.getAttribute('href') : 'body'
// Плавная прокрутка до элемента с id = href у ссылки
@morphIsmail
morphIsmail / settings.json
Last active Oct 8, 2021
Настройки для VS Code
View settings.json
{
"workbench.iconTheme": "material-icon-theme",
"editor.fontSize": 18,
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"files.autoSave": "onFocusChange",
"vs-html-to-css.append": " {\n\n}\n",
"workbench.startupEditor": "none",
"editor.tabSize": 2,
@morphIsmail
morphIsmail / menu.js
Last active Jan 24, 2021
Меню с плавной прокруткой на jQuery
View menu.js
$(document).ready(function () {
$('.nav a[href^="#"]').click(function () {//выбрать ссылки из меню
var offset = $('.nav').innerHeight();//Высота меню, получаем динамически
var target = $(this).attr('href');//Сохраняем значение атрибута href
$('html, body').animate({
scrollTop: $(target).offset().top - offset//вычесть высоту меню
}, 500);//время анимации
$('.nav a[href^="#"]').removeClass('active');//удалить класс active у всех пунктов меню
$(this).addClass('active');//добавить класс active активной ссылке
return false;