У меня это работает на рабочем столе, но не на мобильном. Предполагается, что бар появится, когда человек прокрутится вверх и застрянет в нижней части страницы.
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>
Существует исправление 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'
});
}
});
});//]]>
Привет, Зевс, вы можете предоставить свой код, а затем его легко понять, где проблема в точности. В то время как здесь я предоставляю ссылки на просмотр прокрутки.
для вертикального просмотра прокрутки:
http://www.androidhub4you.com/2013/05/simple-scroll-view-example-in-android.html
для горизонтальной прокрутки:
Как сделать grid-view горизонтально прокручиваемым в android