Javascript scroll event для iphone / ipad?
Я смог получить отличное решение этой проблемы с iScroll, с учетом прокрутки импульса и всего https://github.com/cubiq/iscroll . Дополнение github отлично, и я в основном следил за ним. Вот подробности моей реализации.
HTML:
Я завернул прокручиваемую область моего контента в некоторых div, которые iScroll может использовать:
.touch #wrapper {
position: absolute;
z-index:1;
top:0;
bottom:0;
left:0;
right:0;
overflow: hidden;}.touch #scroller {
position: absolute;
z-index:1;
width:100%;}CSS:
я использовал класс Modernizr для «касания», чтобы настроить мои изменения стиля только на сенсорные устройства (потому что я только инстанцировал iScroll на ощупь).
# coffeescriptifModernizr.touch
myScroller =newIScroll('#wrapper', probeType:3)
myScroller.on 'scroll', updatePosition
myScroller.on 'scrollEnd', updatePositionJS:
Я включил iscroll-probe.js из загрузки iScroll, а затем инициализировал скроллер, как показано ниже, где updatePosition — это моя функция, которая реагирует на новую позицию прокрутки.
function getScroll(elem, iscroll){var x, y;if(Modernizr.touch && iscroll){
x = iscroll.x *-1;
y = iscroll.y *-1;}else{
x = elem.scrollTop;
y = elem.scrollLeft;}return{x: x, y: y};}Вы должны использовать myScroller для получения текущей позиции сейчас, вместо того, чтобы смотреть на смещение прокрутки. Вот функция, взятая из http://markdalgleish.com/presentations/embracingtouch/ (очень полезная статья, но немного устаревшая)
scrollЕдинственное, что я получил, иногда было потерять часть моей страницы, которую я пытался прокрутить, и она откажется прокручивать. Мне пришлось добавлять некоторые вызовы myScroller.refresh () всякий раз, когда я менял содержимое #wrapper, и это решило проблему.
EDIT: Еще одна проблема заключалась в том, что iScroll ест все события «щелчка». Я включил опцию, чтобы iScroll испустил событие «нажмите» и обработал те, а не «щелчки». К счастью, мне не нужно было много щелкать в области прокрутки, так что это было неважно.
scroll ‘n roll text scrolling
What people are saying:
«Just perfect! Small app size and custom options. Does exactly what is needed…just download a keep!!!»
«Just what I’ve been looking for. Simple to use and effective!»
«The simplest things are best. Clear, versatile, does what it needs to do. Download it now!»
This app is a simple text banner/ticker. It is not overloaded with features, and is just right for everyone. With it you can talk to friends during class! Even slip a girl your number while eating lunch with a friend! Now with no ads! Works with Emojis!
scrollit: display scrolling
ScrollIt turns your iPhone or iPod Touch into an L.E.D. message display board. ScrollIt will help you tell your friends, colleagues, or anyone something — when they can’t hear you: at a club, concert, class, meeting, lecture, or even a restaurant.
Just type your message and hit Display, and ScrollIt will scroll the message large enough for everyone around to see.
What adds to the fun is that ScrollIt offers easy-to-type emoticons right from the same keyboard. Make your text even more fun to watch!
The phone vibrates quietly to let you know when the message has finished. (Replaced with a short beep on iPod Touch and iPad.) The endless-loop option lets ScrollIt repeat your message indefinitely.
Some of the reviews by ScrollIt customers:
Great app 5-STARS
by Benji897765 — Version 1.2 — Jun 6, 2021
Works well, easy to use interface. If you want an app for scroll texts, this is the one you want.
Happy 5-STARS
by SpaceSkunk — Version 1.2 — Jun 5, 2021
This app does everything I expected and my kids love it when I’m cheering for them.
ScrollIt features:
• Simple yet powerful design with no confusing buttons or switches
• Emoticons from the same keyboard
• Unlimited message length
• Mini live preview for easy color and speed selection
• Short vibration at the end of scrolling
• Endless-loop option
• Right-to-left display for Arabic or Hebrew
• Three L.E.D. shapes: neon, round, and square
• Recently-used message list with one-tap access
Want to use hundreds more emoticons in ScrollIt? From your iPhone Settings App, choose General -> Keyboard -> Keyboards -> Add New Keyboard, and select Emoji from the list. In ScrollIt, tap the globe button at the bottom left of the keyboard to switch to Emoji and back.
Use ScrollIt for:
• Flirting: display messages to people at the disco, bar, or other crowded places.
• Talk to your friends at school or college: send your visual message up to 50 feet across a classroom.
• Cheer at a concert or sports event: that rock star or your favorite player deserves to know how you feel!
• In the office: get rid of unwanted visitors without even talking to them.
• If you can’t or don’t want to talk: you’re sick or in a bad mood.
• Just to be cool: we guarantee you’ll be popular anywhere with ScrollIt!
If this is not enough for you, you can try our ScrollIt 2X. ScrollIt 2X has more features and capabilities.
We’re constantly improving ScrollIt, and we value our users’ opinions. If you have a problem with the app, please contact us via Support in the Info screen. Thank you.
