ゆるゆると過ごす毎日

徒然に、、、いきましょう

block要素の慣性スクロールをスムーズに

2013年08月16日 11時17分45秒 | スマホ
助けられました・・・


【メモ】【iPhone】【Safari】【css】慣性スクロールAdd Star


慣性スクロール（ゆっくり止まるような動き）を実装するには、
「-webkit-overflow-scrolling: touch;」の指定が必要です。
つまり、
div.scroll {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
↑↑のような感じです。

スマホでlabelが効かない

2012年05月15日 20時58分53秒 | スマホ

http://sgx2.blog99.fc2.com/blog-entry-21.html

以下引用

フォームを作る際に、ユーザビリティを激的に向上させるひとつに、チェックボックスやラジオボタンと一緒に使うlabelタグがあります。

例えば↓これが普通のチェックボックス
チェックして下さい

これにlabelタグをつけてあげると↓こんな感じ
チェックして下さい

こうすると、「チェックして下さい」をクリックしても、チェックボックスにチェックが入ります。

ただ、iPhoneやiPadに搭載されているブラウザのMobile Safariでは、このラベルタグが使えません。。
使えるようにして欲しいですがしょうがないです。

http://bem-memo.info/coding/%E3%80%90%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%80%91label%E3%82%BF%E3%82%B0%E3%81%8C%E5%8A%B9%E3%81%8B%E3%81%AA%E3%81%84%E6%99%82%E3%81%AE%E5%AF%BE%E5%87%A6%E6%B3%95/

<script type="text/javascript">
$(function(){
$('form label').click(function(){
$(this)
.children('input[type="radio"]')
.attr('checked','checked');
});
});
</script>