jScrollPane на сенсорных устройствах — кнопка перетаскивания перевернута

Я реализовал jScrollPane, и у меня возникла проблема с сенсорными устройствами.

Я использую пример http://jscrollpane.kelvinluck.com/drag_size.html, где У меня есть вертикальная прокрутка с использованием круглого изображения кнопки для прокрутки на дорожке. К этому добавлен класс jspDrag.

На рабочем столе, когда вы нажимаете и прокручиваете вертикальную кнопку, она перетаскивается вниз, а содержимое прокручивается вверх, что, на мой взгляд, естественно. Проблема, с которой я сталкиваюсь, связана с сенсорными устройствами (проверьте приведенный выше пример URL-адреса в Chrome с помощью эмуляции iPhone/iPad в инструментах разработки), где вы не можете фактически перетащить кнопку вниз — вам действительно нужно прокрутить ее вверх, чтобы содержимое прокрутить?!
Пользователи определенно не узнают об этом, поскольку это кнопка, а не блок контента, который вы используете в качестве элемента управления.

Я хотел бы иметь возможность коснуться и перетащить кнопку вниз на сенсорных устройствах, а не вверх, чтобы прокрутить содержимое.

Кто-нибудь сталкивался с этой проблемой и сумел ее решить? Я безуспешно искал SO и группы Google.

Спасибо.


person DT.DTDG    schedule 20.07.2016    source источник
comment
@vitch, возможно, вы можете помочь в этом :)   -  person DT.DTDG    schedule 20.07.2016


Ответы (1)


К сожалению, jScrollPane, кажется, работает именно так, с досадной оговоркой, которая, к сожалению, мне очень понравилась.

Я наткнулся на http://manos.malihu.gr/jquery-custom-content-scroller/, который работает так, как должен, и очень плавно работает на сенсорных устройствах.

person DT.DTDG    schedule 01.08.2016
comment
к сожалению, пользовательская полоса прокрутки весит почти 90 КБ, а jscrollpane - около 16 КБ. - person Dan; 03.10.2017