Прокрутка фрейма с помощью кнопок - iPhone

Question

Прокрутка фрейма с помощью кнопок - iPhone

0

Я создаю сайт, на котором динамически добавляется контент с использованием iframe (файлы iframe находятся на одном сервере). Загруженный iframe имеет кнопки для прокрутки содержимого iframe, но я не могу найти причину, почему он не работает на iPhone - он хорошо работает с Android. Вот код, который я использовал:

$('#menu li a').on('click', function(){     
            var element = $(this).attr('data-scroll');      
            $('body').animate({
                scrollTop: $('.page[data-bookmarks=' + element + ']').offset().top
            }, 1000);
        });

Btw. событие щелчка работает хорошо, потому что я проверил его с помощью предупреждения. Просто scrollTop, похоже, не работает на устройствах iOS.

Ziggy 27 нояб. 2013, в 13:46

Источник

0

Будет полезна демонстрация jsfiddle с вашим html
Aamir Afridi 27 нояб. 2013, в 12:43
0

попробуйте с -webkit-overflow-scrolling: нажмите на свой код
codercat 27 нояб. 2013, в 13:18
0

К сожалению, это не работает.
Ziggy 27 нояб. 2013, в 13:24
0

@Ziggy попробуйте эту ссылку stackoverflow.com/questions/4599153/…
codercat 27 нояб. 2013, в 13:30
0

Да, я проверил, но проблема в том, что я пытаюсь прокрутить с помощью кнопок, прокрутка с помощью пальцев работает хорошо.
Ziggy 27 нояб. 2013, в 13:33
0

@Ziggy Зигги при нажатии на кнопку. Вы хотите прокрутить страницу ах
codercat 27 нояб. 2013, в 13:42
0

Да, точно. Я не уверен, может быть, iOS не готова к прокрутке фреймов с помощью кнопки, но, возможно, есть решение.
Ziggy 27 нояб. 2013, в 13:48

Показать ещё 5 комментариев

Теги:

javascript

jquery

ios

iphone

iframe

1 ответ

Ещё вопросы

Будет полезна демонстрация jsfiddle с вашим html
попробуйте с -webkit-overflow-scrolling: нажмите на свой код
@Ziggy попробуйте эту ссылку stackoverflow.com/questions/4599153/…
Да, я проверил, но проблема в том, что я пытаюсь прокрутить с помощью кнопок, прокрутка с помощью пальцев работает хорошо.
@Ziggy Зигги при нажатии на кнопку. Вы хотите прокрутить страницу ах
Да, точно. Я не уверен, может быть, iOS не готова к прокрутке фреймов с помощью кнопки, но, возможно, есть решение.

Caleb Kleveter · Answer 1 · 2015-10-06T21-05-00.000Z

Я нашел несколько ссылок, которые могли бы решить эту проблему, но тот, который я использовал, был следующим:

Гораздо проще управлять переполненными div, чем iFrames, а проблемы с прокруткой + пустым содержимым работают полностью в iOS 4, где ранее я даже не мог заставить прокрутку 2 пальцев работать (в iFrames).

Это выглядит примерно так:

<iframe id="example-iframe" width="600" height="200" src="a-file.html"></iframe>

а-file.html:
<html>
<body>
<div id="wrapper" style="width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;">
...
</div>
</body>
</html>

Прокрутка фрейма с помощью кнопок - iPhone

1 ответ

Другие ссылки

Ещё вопросы