常連

自己紹介

### 前提・実現したいこと

画面スクロールでヘッダーメニューがふわっと再出現するJavScriptを導入しています。
ヘッダーメニューにはドロップダウン（サブ）メニューを付けています。
### 発生している問題・エラーメッセージ

```
JQueryの1.x.x系では問題が無かったのですが、3.5.1にすると下記現象が発生します。
Firefoxで画面スクロールした際に、ヘッダーメニューそのものはふわっと再出現するのですが、
ドロップダウン（サブ）メニューが表示されなくなりました。
Chrome、Edgeでは問題無いです。
```

### 該当のソースコード

```ここに言語名を入力
  $(function() {
    var $win = $(window),
        $cloneNav = $('nav').clone().addClass('clone-nav').appendTo('body'),
        showClass = 'is-show';

    $win.on('load scroll', function() {
      var value = $(this).scrollTop();
      if ( value > 240 ) {
        $cloneNav.addClass(showClass);
      } else {
        $cloneNav.removeClass(showClass);
      }
    });
  });

```

### 試したこと

Firefoxの設定などを変えたりしましたが解消されませんでした。
CSSの問題かとも思いましたが、JQueryの1.x.x系では問題無いことからCSSの問題では無いと判断しています。
宜しくお願い申し上げます。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

JQueryの1.x.x系では問題が無かったコードの3.5.1対応について

##行いたい実装

現在以下のMain.vueの様にChart.jsのy軸の目盛りの最大値を30、y軸の目盛りの間隔を3としております。




Main.vue
```
data() {
			return {
				BarChartOptions: {
					scales: {
						yAxes: [
							{
								ticks: {
									beginAtZero: true,
									max: [30],
									stepSize: [3],
									callback(label) {
										return label + ' h';
									}
								}
							}
						]
					}
					}
				}
			};
		},
```

こちらを条件分岐で値を変更したいです。

##試したこと

以下は上記と同ファイルのMain.vueです。
ここでtotalTimeというものを定義し（ここではtotalTime = 31です。）、条件分岐で、`max: [30]`,`stepSize: [3]`,のそれぞれの値を再代入することにより値の変更を行いました。

以下で確認ができます通り、`console.log()`ではきちんと値が入っていることが分かります。

Main.vue

```
methods: {
			// Chart図のメモリ変更処理
			async timeScales() {
				let totalTime = await MessageModel.dbtime();　// Number型
				let max = this.BarChartOptions.scales.yAxes[0].ticks.max;
				let step = this.BarChartOptions.scales.yAxes[0].ticks.stepSize;

				max = JSON.parse(JSON.stringify(max));
				step = JSON.parse(JSON.stringify(step));

　　　　　　　　　　　　　　　　　　　// はじめtotalTime = 0なので、max,stepへ値を代入

				console.log(totalTime); // 31

				if (30 <= totalTime) {
					console.log(max); // [30]
					console.log(step); // [3]

					max.pop();
					step.pop();
					max.push(50);
					step.push(5);

					console.log(max); // [50]
					console.log(step); // [5]
				}
			},
```

しかし何故かグラフは`max: [30]`,`stepSize: [3]`のままで全く変わりません。
どなたか原因がお分かり頂けますでしょうか？
何卒宜しくお願い致します。

Chart.jsのy軸の目盛り(最大値と間隔)の条件分岐ができません

### 前提・実現したいこと
他のページから該当のタブのリンクに飛んできた際に
該当のタブが切り替わるようにしたいです。
タブ切り替え自体に使用しているのはtabsletになります。
[https://vdw.github.io/Tabslet/](https://vdw.github.io/Tabslet/)

JavaScript・jQueryは初心者なため、解決にご助力いただけますと幸いです。
### 該当のソースコード
```ここに言語を入力
【html】
<div class="tab__wrap">
    <div class="tabs tab__container">
        <ul class="horizontal">
            <li class="tab__item"><a href="#tab-1">タブ1</a></li>
            <li class="tab__item"><a href="#tab-2">タブ2</a></li>
            <li class="tab__item"><a href="#tab-3">タブ3</a></li>
        </ul>
        <div class="tab__content" id="tab-1">
            <div class="tab__desc">
                <p class="c-txtsp">テキストテキストテキストテキストテキストテキスト</p>
            </div>
        </div>
        <div class="tab__content" id="tab-2">
            <div class="tab__desc">
                <p class="c-txtsp">テキストテキストテキストテキストテキストテキスト</p>
            </div>
        </div>
        <div class="tab__content" id="tab-3">
            <div class="tab__desc">
                <p class="c-txtsp">テキストテキストテキストテキストテキストテキスト</p>
            </div>
        </div>
    </div>
</div>
```

### 試したこと
下記、参考サイト（[https://techmemo.biz/javascript/tab-direct-link/](https://techmemo.biz/javascript/tab-direct-link/)）を元に記述しています。
```ここに言語を入力
【JavaScript】
var hash = location.hash;
hash = (hash.match(/^#tab-\d+$/) || [])[0];

if($(hash).length){
var tabname = hash.slice(1) ;
} else{
var tabname = "tab-1";
}

$('.tab__content').hide();
$('.tab__item').removeClass('active');

var tabno = $('.tab__item#' + tabname).index();

$('.tab__content').eq(tabno).fadeIn();

$('.tab__item').eq(tabno).addClass('active');
```

### 発生している問題・エラーメッセージ

現時点で、デベロッパーツールのconsoleを確認してもエラーは確認できませんでしたが
tab-3のみ、他のページから飛んできた際に機能しています。
何も指定していない場合はtab-1がactiveになっています。