Они собираются исправить мобильные прокрутки?

0

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

http://54.200.76.33:8080/

В мобильных браузерах, таких как сафари, панель продолжает движение до тех пор, пока импульс не остановится. Я читаю, что 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>
Теги:
mobile

2 ответа

1
Лучший ответ

Существует исправление 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'
            });
        }
    });
});//]]> 
  • 0
    Спасибо Вики! Мне бы хотелось, чтобы нижний колонтитул был невидимым при загрузке страницы. А потом, когда пользователь начнет прокручивать страницу вниз, я бы хотел, чтобы она появилась. Как будто они прокручиваются вниз, чтобы найти больше заметок. «О, вы ищете больше заметок? Вот панель поиска!»
  • 0
    это решение на самом деле работает для меня в IOS и Android
Показать ещё 19 комментариев
1

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

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

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

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

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

  • 0
    Спасибо сурья :) Я добавлю код.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню