Android標準ブラウザでアンカーリンクが効かない場合の解決策

Androidブラウザでアンカーリンクがうまく動作しないので調べてみたところ

同じURLには1度しか飛ばないという仕様があることが判明。

要は#link1に1度リンクしたら2度目以降はリンクしないそうだ。

http://d.hatena.ne.jp/koba04/20120803/1343919758

それを解決するための簡単なスクリプトを作成した。

デモ

要は指定したリンク元が指している飛び先のx座標を調べて強制的にスクロールさせるというもの。


android_ss( $( 'a' ) );
android_ss( $( '.smooth' ) );
android_ss( $( 'a.scroll' ) );

android_ss( $( 'a' ) );

android_ss( $( '.smooth' ) );

android_ss( $( 'a.scroll' ) );

例えばこのような形でスクロールさせるターゲットを引数として渡してもらえればOK。

プラグイン化するまでもないので、以下をコピペで貼り付けてもらえれば動作します。


function android_ss( a )
{
	for ( var i = 0; i < a.size(); i++ )
	{	
		a.eq( i ).click(function()
		{
			var h = $( this ).attr( 'href' );
			var p = $( h ).offset().top;
			$( 'html, body' ).animate( {scrollTop: p}, 500, 'swing' );
			return false;
		});

		var h = $( this ).removeAttr( 'href' );
	}
}