-webkit-overflow-scrolling: touch;" プロパティが正常に動作しない。("-webkit-overflow-scrolling: touch;" may not work properly.)
私は、PC(Windows 7/IE 11)環境とモバイル環境(iOS8.1/Safari8.0)で動作する Webアプリケーションを作成しています。
テーブルをスクロールできるようにする為に、"-webkit-overflow-scrolling: touch;" プロパティを使用していますが、正しく機能しないことがあります。
例:100レコードを表示させるテーブルで、ページ最後の100レコード目を表示させようとした場合、表示は行えるが、その後 自動的に1レコード分上にスクロールし、99レコード目が最下層のレコードとして表示されてしまう。これは、内部でのイベントが正しく処理されていないように思われます。
これは、Safari/iOSでの既知の問題でしょうか?
それとも、Safari/iOSでは、このプロパティの使用は推奨されないのでしょうか?
ご存じの方、教えていただけるようお願いします。
I am creating a web application that works on PC (Windows 7 / IE 11) environment and mobile environment (iOS8.1 / Safari 8.0).
I use the "-webkit-overflow-scrolling: touch;" property to make the table scrollable, but it may not work properly.
Example:
If I try to display the last 100 records of the page in a table that displays 100 records,
I can display it, but then it will automatically scroll up one record, and the 99th record will be the bottom record.
It will be displayed. It seems that internal events are not handled correctly.
Is this a known issue with Safari / iOS?
Or is Safari / iOS not recommended to use this property?
If you know, please tell me.
iPhone SE, iOS 12