green leaf plant

記録

中の人が気づいていないパターンでお客様も気づいていない。 #京たけのこ

おはようございます、日曜日の朝です😳。

この挙動はアウトかもだろというサイトを見つけました。恐らくですが中の人が気づいていないパターンでクライアント側も気づいていないパターンを発見してしまいましたが…。

京たけのこというサイトを参照すると、ページが表示された途端にページの下部まで勝手にスクロールされるという仕様になっています。何時からこのような事になっているか分かりませんが、至急直さないといけないような案件だと思います。これでは商品を買うのも一苦労かと思います🫠。

JavaScriptのコードを見てみると恐らくこのコードが悪さをしているようです…。

	// browser window scroll (in pixels) after which the "back to top" link is shown
	var offset = 300,
		//browser window scroll (in pixels) after which the "back to top" link opacity is reduced
		offset_opacity = 1200,
		//duration of the top scrolling animation (in ms)
		scroll_top_duration = 700,
		//grab the "back to top" link
		$back_to_top = $('.cd-top');

	//hide or show the "back to top" link
	$(window).scroll(function(){
		( $(this).scrollTop() > offset ) ? $back_to_top.addClass('cd-is-visible') : $back_to_top.removeClass('cd-is-visible cd-fade-out');
		if( $(this).scrollTop() > offset_opacity ) { 
			$back_to_top.addClass('cd-fade-out');
		}
	});

何故、こういう事が起きるかというとChromeさんのキャッシュが大きく影響していて、JSファイル等は最新のデータを取るように設定していないとブラウザ側のデータ処理を再現する仕様になっているからなのです、なので、毎回のように訪問している人には最新のJSファイルが適用されず昔のデータでページが動作して不具合に気づかないのです。

これは稀に起こるヒューマンエラーのようなものです。確認の怠りが原因ですけどね…なかなかChromeのキャッシュは強力なので、クロスブラウザーテストするのをお勧めします。



【DMM FX】口座開設のお申込みはこちら


OFUSEで応援を送る

FINAL FANTASY XVI発売日決まったがPS5はまだ無い。 #FFXVI前のページ

ワードプレスの自動タグ生成するプラグイン再開発。 #wp #tag次のページcoffee beans

関連記事

  1. 記録

    映画、サイレント・トーキョーを観ました。評価が低い理由。

    映画、サイレント・トーキョーを観ました。何故、映画評価が低いのかなと…

  2. 記録

    映画、花束みたいな恋をした。#はな恋

    映画、花束みたいな恋をしたをカップルでは見に行かないほうが良いと思っ…

  3. 記録

    さくらレンタルサーバでC言語をコンパイルして動かす方法(^@^)!!

    さくらレンタルサーバでC言語をコンパイルして動かす方法。テキストエ…

  4. 記録

    ショッピファイ(Shopify)という黒船。

    ECサイトを運営されている方は知っている方もいるかと思いますが…

  5. 記録

    他人のせいにしても現実は変わらない。

    他人のせいにしても何も変わらない、むしろ後退するだけいまを楽…

2022年12月
 1234
567891011
12131415161718
19202122232425
262728293031  

カテゴリー

アーカイブ

PAGE TOP