Будут ли они исправлять события мобильной прокрутки?

У меня это работает на рабочем столе, но не на мобильном телефоне. Предполагается, что полоса появляется, когда человек прокручивает вверх и застревает в нижней части страницы.

http://54.200.76.33:8080/

В мобильных браузерах, таких как Safari, полоса продолжает работать до тех пор, пока не остановится импульс. Я читаю, что javascript отключен, пока пользователь прокручивает веб-страницы, поэтому нет возможности поймать событие.

Я читаю учебник Google здесь https://developers.google.com/mobile/articles/webapp_fixed_ui

Но я все еще думаю, что это не решит мою проблему. Есть ли планы в будущем по исправлению мобильных браузеров? Есть ли какой-нибудь способ обойти проблему?

<script type="text/javascript">//<![CDATA[ 
/*THIS WORKS FINE ON DESKTOP BROWSERS*/
/*Needs to work on mobile browsers*/ 
$(window).load(function(){
var foundTop = $('.found').offset().top;
$(window).scroll(function () {
    var currentScroll = $(window).scrollTop();
    if (currentScroll >= 40) {
        $('.found').css({
            position: 'fixed',
            bottom: '0',
            left: '0'
        });
    } else {
        $('.found').css({
            position: 'absolute',
            bottom: '-40px',
        });
    }
});
});//]]>  



</script>

ios mobile javascript jquery
person Tyler Langan    schedule 03.10.2013    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Существует исправление css: вы использовали:

style="position: absolute; bottom: -40px; left: 0px;"

Для нижнего колонтитула с фиксированным положением примените следующий css:

style="position: fixed; -webkit-backface-visibility:hidden; bottom: -40px; left: 0px;"

и исправлен javascript:

<script type="text/javascript">//<![CDATA[ 
/*THIS WORKS FINE ON DESKTOP BROWSERS*/
/*Needs to work on mobile browsers*/
$(window).load(function(){
    var foundTop = $('.found').offset().top;
    $(window).scroll(function () {
        var currentScroll = $(window).scrollTop();
        if (currentScroll >= 40) {
            $('.found').css({               
                bottom: '0',
                left: '0'
            });
        } else {
            $('.found').css({                
                bottom: '-40px'
            });
        }
    });
});//]]>
person Vicky Gonsalves    schedule 03.10.2013
comment
Спасибо Вики! Я бы хотел, чтобы нижний колонтитул был невидимым при загрузке страницы. И затем, когда пользователь начинает прокручивать вниз, я бы хотел, чтобы он появился. Как будто они прокручивают вниз, чтобы найти больше заметок. О, вы ищете больше заметок? Вот строка поиска! - person Tyler Langan; 03.10.2013
comment
Он начинается как position: absolute и bottom: -40px, потому что он должен быть невидимым при загрузке страницы. Он фиксируется внизу только тогда, когда пользователь прокручивает страницу вниз. - person Tyler Langan; 03.10.2013
comment
Спасибо Вики! Пробуем сейчас. - person Tyler Langan; 03.10.2013
comment
Хорошо, я развернул модифицированный код. Он по-прежнему работает в настольных браузерах, а не в моем мобильном браузере. Это потому, что еще css = etc .. в javascript все еще есть? - person Tyler Langan; 03.10.2013
comment
else { $('.found').css({ position: 'absolute', bottom: '-40px', }); - person Tyler Langan; 03.10.2013
comment
Он должен быть абсолютным, когда он составляет -40 пикселей, чтобы он все еще мог прокручиваться вверх. Затем его нужно изменить на фиксированный. - person Tyler Langan; 03.10.2013
comment
вы добавили -webkit-backface-visibility:hidden; в нижний колонтитул? я не вижу его в вашей демонстрационной ссылке? - person Vicky Gonsalves; 03.10.2013
comment
Я очень ценю вашу помощь в этом. Изменил javascript и все равно не повезло. - person Tyler Langan; 03.10.2013
comment
Я думаю, что нет необходимости использовать абсолютную позицию в коде. Вместо этого вы можете использовать фиксированную позицию в качестве ее замены... попробуйте обновить код, как я ответил выше. - person Vicky Gonsalves; 03.10.2013
comment
Он обновляется именно так, как вы указали. Я думаю, что это ошибка с мобильными браузерами. Хотя я думаю, что новейшая версия Android МОЖЕТ исправить это. Я могу ошибаться. - person Tyler Langan; 03.10.2013
comment
Но ты прав. Позиция не обязательно должна быть абсолютной, чтобы это работало в настольных браузерах. - person Tyler Langan; 03.10.2013
comment
Zeus Я говорю о мобильном браузере... :) - person Vicky Gonsalves; 03.10.2013

arrow_upward
1
arrow_downward

Привет Зевс, вы также можете предоставить свой код, тогда легко понять, где именно проблема. в то время как здесь я предоставляю ссылки для просмотра прокрутки.

для вертикальной прокрутки:

http://www.androidhub4you.com/2013/05/simple-scroll-view-example-in-android.html

для просмотра с горизонтальной прокруткой:

Как сделать представление сетки горизонтально прокручиваемым в Android

person Android_dev    schedule 03.10.2013