да

Ребят, мне надо сделать хэдер, который при скролле вниз исчезает. Уже запилил через простой scrollTop(), но надо чтобы при скролле вверх (не до какого-то места, а именно при любом скролле слабом) хэдер появлялся. Как можно?

Интерестный функционал. Как запилишь кинешь на codepen, например, сохраню себе

Интерестный функционал. Как запилишь кинешь на codepen, например, сохраню себе

Это сарказм?

Просто это как обычный хэдер, но я не шарю в JS/JQ и не знаю как сделать

нет, это халявщик, которому самому влом мозг включить

нет, это халявщик, которому самому влом мозг включить

var scrollBottom = $(window).scrollTop() + $(window).height();

И так пробовал, но не работает почему-то

Предлагаешь японский плагин для хэдера установить?

https://getuikit.com/docs/sticky#sticky-on-scroll-up

https://getuikit.com/docs/sticky#sticky-on-scroll-up

Да, вот точно такое

https://github.com/uikit/uikit/blob/develop/src/js/core/sticky.js

Просто JS/JQ не проще разве?

бери за образец, изучай, делай свое простое

Спасибо

Просто это как обычный хэдер, но я не шарю в JS/JQ и не знаю как сделать

А как ты сайты тогда делаешь?

А как ты сайты тогда делаешь?

Верстку правлю просто. Там именно вопрос про scrollBottom/top был.

бери за образец, изучай, делай свое простое

Человек мозг сломает, там же код на ES6 JS написан с экспортами и импортами

Человек мозг сломает, там же код на ES6 JS написан с экспортами и импортами

да, ничего не понял. синтаксического сахара дофига.

width

Человек мозг сломает, там же код на ES6 JS написан с экспортами и импортами

не может сам - пусть заказывает, я не даю готовых решений, но указываю подсказки и направления

да, ничего не понял. синтаксического сахара дофига.

А ты посмотри код на ES5 JS ???

да, ничего не понял. синтаксического сахара дофига.

ты знаешь что такое сахар и разглядел его? ну тогда и с остальным разберешься )

не может сам - пусть заказывает, я не даю готовых решений, но указываю подсказки и направления

Ему бы лучше с основ js начать

А ты посмотри код на ES5 JS ???

TS урезанный ?

TS урезанный ?

Чего?

Короче, все проще. $(document).scroll(function () { var scroll = $(this).scrollTop(); // console.log(scroll); var topDist = $(".home").position(); if(scroll > topDist.top) { $(".home__header").addClass('sticky'); } else { $(".home__header").removeClass('sticky'); } }); Спасибо.

убрать стрелки (css) и запилить свои кнопки

убрать стрелки (css) и запилить свои кнопки

это как сделать?

убрать стрелки (css) и запилить свои кнопки

какое свойство хотьт подскажи

Короче, все проще. $(document).scroll(function () { var scroll = $(this).scrollTop(); // console.log(scroll); var topDist = $(".home").position(); if(scroll > topDist.top) { $(".home__header").addClass('sticky'); } else { $(".home__header").removeClass('sticky'); } }); Спасибо.

Можно еще проще, а вот логи зачем??

Можно еще проще, а вот логи зачем??

=="

какое свойство хотьт подскажи

так срыть родные стрелки input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; }

какое свойство хотьт подскажи

input number на input text замени

так срыть родные стрелки input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; }

спасибо большое

input number на input text замени

и задолбаешься ввод фильтровать

и задолбаешься ввод фильтровать

Зато без стрелок )))

Это сарказм?

Та нет)

Блин, не могу ни как разобраться как правильно сделать адаптивный текст? Сейчас делаю всё на rem, но приходится постоянно добавлять для разных текстов дополнительные медиа запросы, что не очень удобно. Как лучше поступить? Может у кого есть под рукой статья на эту тему?

проценты, vh и vw

для фонт-сайза

Блин, не могу ни как разобраться как правильно сделать адаптивный текст? Сейчас делаю всё на rem, но приходится постоянно добавлять для разных текстов дополнительные медиа запросы, что не очень удобно. Как лучше поступить? Может у кого есть под рукой статья на эту тему?

Может через vw/vh?

оо

не увидел, что написали уже

можно скачать через google font helper

Блин, не могу ни как разобраться как правильно сделать адаптивный текст? Сейчас делаю всё на rem, но приходится постоянно добавлять для разных текстов дополнительные медиа запросы, что не очень удобно. Как лучше поступить? Может у кого есть под рукой статья на эту тему?

нинужен, мало юзкейсов но если сильно хочется то https://css-tricks.com/snippets/css/fluid-typography/

ну и + -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;

нет к body

ERROR: S client not available

Привет Spatium ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Привет! Работает кто-нибудь с библиотекой three.js?

Alex, у тебя reviews__name display block?

Alex, у тебя reviews__name display block?

да

ну чтобы в 1 строчку встали ему тоже надо Inline-block

он всю ширину занимает с учетом полей

и контейнер им надо общий

хотя и так должно сработать

Привет всем) Хочу реализовать такое: 1)Нажатие на кнопку Edit дает своему row красный бекграунд 2)После нажатия на кнопку Update оно убирало этот бэкграунд А сейчас у меня что-то такое,как исправить? А именно,после нажатия на Edit оно всем row с классом block-notes-items дает цвет,а мне надо именно тому классу в котором сам Edit https://codepen.io/KAPJICOH/pen/RBNpwN

залей куда-то

У тебя папка с картинками возле ксс лежит?

добавь / перед img

путь

а все вижу

ты картинку сам засунул туда

а ну все

бред написан же

ты выйди из папки css

или не пиши img/

определись где хочешь чтобы картинка была

../img/

вот так напиши