Скролл в браузере ПК удержанием мыши, как пальцем на тачскрин?

Question

[Чёкатилло]

В бщем, все равно что пальцем, но ток удержанием кликом мыши
Что бы в браузере на всем сайте было два варианта скролла: либо штатно, либо удержанием мыши

Наверное, должны быть готовые решения..
Если есть что, будьте любезны, поделитесь )

Спасибо за внимание!

Answer 1

[Stalker_RED]

var prevPos
$('body').on('mousedown', function (evt) {
    $(this).on('mousemove', drag)
    prevPos = {x:evt.clientX, y:evt.clientY}
}).on('mouseup mouseout', function() {
    $(this).off('mousemove', drag)
})

function drag(evt) {
    window.scrollBy(prevPos.x - evt.clientX, prevPos.y - evt.clientY) // вся магия здесь
    prevPos = {x:evt.clientX, y:evt.clientY}
}

https://jsfiddle.net/9ad1ohcx/

Comments

[Exploding]

Выделение текста невозможно (Хром 60)... Надо "прокачать" магию)))

[Чёкатилло]

Спасибо

Answer 2

[Владислав Лысков]

try https://github.com/tkahn/smoothTouchScroll

Comments

[Чёкатилло]

Спасибо

Answer 3

[Exploding]

Что за ночь то такая))) Одни "спецы" валят))
По сабжу: Не надо так делать. Тем более если не умеешь))))))

И на это есть весомые причины!
Я конечно не знаю зачем, но если просто "для прикола", что скорее всего, то всегда нужно помнить одну простую истину: как можно меньше, а лучше вообще не менять и не лезть ручонками в стандартное поведение браузера если на то нет веских(!) оснований. Это не придаст сайту +100 к крутости или выше позицию в выдаче! Это также не убережет Ваш драгоценный контент от воровства, если вы надумали следующим вопросом узнать "Как отключить правую кнопку мыши?" или "Как запретить выделение текста". Те кому надо нажмут f12, ctrl+shift+i, зайдут через менюшку и т.д. (для сохранности контента есть другие методы, не требующие подобных издевательств над посетителем).
А вот что может, так это только разозлить МНОГОУВАЖАЕМЫХ посетителей, ведь именно так Вы к ним относитесь?:)
И если Вы подумали "Ну хотя бы скроллбары можно стилизовать?" - да, но только в админке:)))) Т.к. согласно исследованиям (уже не вспомню кто и где их проводил), даже казалось бы такая мелочь как стилизованные скроллбары - нет-нет да и тянет на себя тот кусок излишнего внимания, из-за отсутствия которого посетитель не увидит нужный ему пункт меню, кнопку, etc...
Потому что ему будут "мозолить глаза" - Ваши красивые скроллбары))
Не надо на Новый год также пускать снег на страницу, вполне хватит шапки деда мороза на лого.
Максимально сохраняйте привычную атмосферу, в которой посетитель будет себя комфортно чувствовать.

А крутости... Крутости может добавить оптимизация кода, когда любая страница Вашего ресурса в w3 валидаторе будет зеленой! Это и в серпе кстати подымет немного. А если мало крутости - добейтесь показателей 100/100 в googlePageSpeedInsights! Таких сайтов я не видел вообще! (кроме своих конечно)))) Это и прирост в выдаче даст (побольше чем w3 error-ов) и скорость увеличится, а соответственно и отклик в виде (продаж, адсенс-объяв и т.д.)

Comments

[Сергей delphinpro]

Крутости может добавить оптимизация кода, когда любая страница Вашего ресурса в w3 валидаторе будет зеленой!

Еще бы кому-то это было нужно кроме как самому разрабу, чтобы потешить себя =))

В целом с вами полностью согласен. Хотя ответ практически не имеет отношения к вопросу =)))

[Exploding]

Сергей: Ну вот так многие считают)) И не учитывают что гугл крайне много стал уделять внимания именно скорости! А дальше я написал, Вы не докопировали просто: "Это и в серпе кстати подымет немного." googlePageSpeedInsights оптимизация очень круто подымает в серпе (контент конечно при этом также должен быть качественным)!!! Это я лично проверял и не раз. Да и сайт реально летает!
К вопросу самое прямое отношение:) Смысл поста - не ковырять то, к чему люди привыкли. А зачем по Вашему понадобилось человеку "скролить" страницу при mousedown? Вы же понимаете, что при перехвате этого события будет невозможно выделить текст на странице?

[Александр Алексеев]

Сергей: утешением для разраба было бы в таком случае написать это самому, иначе че он за разраб такой)
там писанины на 15 минут максимум

[Виталий]

Мда,философы

[Дмитрий Беляев]

Насчет снежинок... Один из продуктов компании, на которую я работаю - это встраиваемый виджет, и периодически приходится дебажить на сторонних сайтах... У некоторых стоят всякие защиты devtools, бесит, но больших проблем не вызывает... Гораздо больше бесит, что некоторые сайты жрут по полгига оперативы, которой и так, сколько не ставь - не хватает... Вот на одном из таких сайтов, вкладка которого в хроме сожрала больше гига + жутко тормозила, нашел забавное: в фоне на канвасе рисовались рандомные снежинки и обрабатывалась их анимация, но самих снежинок на экране не было их просто скрыли через display: none, а скрипты убрать не потрудились...

[Чёкатилло]

Спасибо за развернутый ответ Было интересно и весело )
Вообще, я полностью согласен)

[Чёкатилло]

Вконтакте не прошел валидатор тык
Так, к слову

[Сергей delphinpro]

Exploding:

Вы же понимаете, что при перехвате этого события будет невозможно выделить текст на странице?

Точно, не подумал об этом нюансе. Тогда полностью согласен =))

[Exploding]

Баба Маша: Вы ровняетесь на сайты которые не проходят валидацию?)) Многие не проходят, но разве Вам не хотелось бы быть лучше них?

[Чёкатилло]

Exploding: да я ж согласен Просто, к слову