このブログの設定、検索 SearchWP 自動で隠す スクロール 変更

ヘッダーシタウィジェットで設定。

自動で検索窓を隠さないと結構邪魔なので。

テーマ
Twenty Seventeen

検索窓の位置
ヘッダーシタウィジェット

参考
Jqueryの参考

ーーーーーーーーーーーー

<?php
$str = <<<EOS

<div class=”banner”>
<form method=”get” action=”/”>
<input type=”search” style=”background-color: #fffacd;” name=”s” data-swplive=”true” oninput=”this.value=this.value.replace(/ /g, ‘ ‘);” />
<input type=”submit” value=”↑ブログ内検索。文字入力↑” />

</form>
</div>
EOS;
echo $str
?>

<style type=”text/css”>

.banner{
z-index: 1;
width: 100%;
height:100px;
position: fixed;
//left:0;
//top:0;
transition: 1s;
}

.banner.hide {
transform:translateY(-800px);
}

</style>

<script>
jQuery(function(){
var pos = 0;
var header = jQuery(‘.banner’);
// alert(“test”);
jQuery(window).on(‘scroll’, function(){
if(jQuery(this).scrollTop() < pos ){
//上にスクロールしたとき
header.removeClass(‘hide’);
}else{
//下にスクロールしたとき
header.addClass(‘hide’);
}
pos = jQuery(this).scrollTop();
});
});

</script>

ーーーーーーーーーーーー

2022-04-18 追記。動作がうざったいので変更。

ボタンを押して検索フォームが出るように変更しました。

とりあえず今の設定。

<?php
$str = <<<EOS

<span class=”banner”>
<form method=”get” action=”/”>
<input type=”search” style=”background-color: #fffacd;” name=”s” data-swplive=”true” oninput=”this.value=this.value.replace(/ /g, ‘ ‘);” />
</form>
</span>
<input class=”btn_search” type=”button” value=”検索” />

EOS;
echo $str
?>

<style type=”text/css”>

.banner{
z-index: 1;
width: 100%;
height:100px;
// position: fixed;
//left:0;
//top:0;
// transition: 1s;
}

.banner.hide {
display:none;
}
</style>

<script>
jQuery(function(){
var pos = 0;
var header = jQuery(‘.banner’);
jQuery(window).on(‘scroll’, function(){
if(jQuery(this).scrollTop() < pos ){
//上にスクロールしたとき
header.addClass(‘hide’);
}else{
//下にスクロールしたとき
header.addClass(‘hide’);
}
});

var btn_search = jQuery(‘.btn_search’);
btn_search.on(‘click’, function() {
header.removeClass(‘hide’);
});
});

</script>

スマホでの動作がうまく行かないので追記

<?php
$str = <<<EOS

<span class=”banner”>
<form method=”get” action=”/”>
<input type=”search” style=”background-color: #fffacd;” name=”s” data-swplive=”true” oninput=”this.value=this.value.replace(/ /g, ‘ ‘);” />
</form>
</span>
<input class=”btn_search” type=”button” value=”検索” />

EOS;
echo $str
?>

<style type=”text/css”>

.banner{
z-index: 1;
width: 100%;
height:100px;
// position: fixed;
//left:0;
//top:0;
// transition: 1s;
}

.banner.hide {
display:none;
}
</style>

<script>
jQuery(function(){
var pos = 0;
var header = jQuery(‘.banner’);
jQuery(window).on(‘scroll’, function(){
if(jQuery(this).scrollTop() < pos ){
//上にスクロールしたとき
// header.removeClass(‘hide’);
// header.addClass(‘hide’);
}else{
//下にスクロールしたとき
header.addClass(‘hide’);
}
pos = jQuery(this).scrollTop();
});

var btn_search = jQuery(‘.btn_search’);
btn_search.on(‘click’, function() {
header.removeClass(‘hide’);
});
});

</script>

 

 

LIFEBOOK E E742/E 光学ドライブをSSDに変更計画 メモ

現在メインで使用しているノートパソコン

こちらのノートパソコンの光学ドライブを全く使わなくなっていたので、SSDに交換しようかと。

2台のSSDを搭載する予定です。

取り外してノギスで計測したところ。

12.7mmと言った所でしょうか。

 

アマゾンで800円位。今の所。

Ren He 2nd 2.5インチ HDD・SSD マウンタ 光学ドライブベイ用 SATA 3.0 ハードディスクマウンタ ノートPC 対応 12.7mm

こっちにしました。

明日到着予定です。

 

SSDの価格推移も調べておきます。

今現在割安そうなのは1TBかなと。

ざっくり一万円位。
トップに出てくる価格推移グラフ

アマゾンで見ている所。

Keepaで見る限りウェアハウス(warehouse_deals_jp )」とは「倉庫発の特売品」
でいいや。8000円ちょい。

大体そのくらいの価格なのかもしれません。

 

Bluetooth 音声 途切れる 対策 メモ

新しいイヤホンを試していますがやはりたまに音が出なくなるようです。

今回購入したイヤホンです。

機械翻訳

 

マモリオと競合しているのではないか?

以前は問題なかったのにMAMORIOを導入したときから不安定になった気もする。気のせいかもしれないけど。

MAMORIO マモリオ まもりお 落とし物防止タグ

 

検索すると デュアルブルートゥース とか方法はあるようだけど、このスマホ単体では解決できない。

とりあえず音が途切れるアプリ、Podcast Addictのバックグラウンド実行を許可して様子を見ることにします。