プログラミング




ワードプレス Web・コンピューター

WordPress STINGER PLUS+ スクロールの途中でサイドバーが消える問題の解決方法

wordpressのテーマのstingerplus+を使用しているが、リライトを含めて記事を読み返しているとふとサイドバーが消えることに気がついた。
最初は記事によって消えたり消えなかったりしていたのだが、気がつくとすべての記事が同じ症状になった。

Stinger Plus+をスクロールするとサイドバーが途中で消える原因の追究

lisa141018327531_tp_v

下にスクロールすると消えるが上に上がると復活

説明通り。

ある一定の段階でふとサイドバーが消えてしまう。
はじめに書いたが、記事により消えたり消えなかったりしたので、どういうことか全くわからなかった。
一番下にインスタグラムを表示したのが原因かなぁ〜、ぐらいに思っていたがインスタグラムを非表示にしても問題が解決しない。
ここでようやくプログラム?という結論に。

知らずにサイドバーを固定すると固定する直前「カクッ」となる

stingerplusを少しずつカスタマイズしている。
このサイドバーが途中で消える症状のままサイドバーを追尾機能をためしてみたら、固定される直前で「カクッ」となって固定される。
上に戻ると固定が解ける直前もカクッという感じで元に戻る。
だんだん気持ちが悪くなってきたので、解決方法を模索。

対処方法

scroll.jsを消す

scroll.js自体を消してしまうという対処方法を見かけた。
実際に消すと正常に動いた。

scroll.jsを修正する

でもなんか味気ない感じがしたので、保存しておいたscroll.jsを元に戻して、修正することにした。

最後に紹介するが、参考にしたサイトはstinger5の修正方法。
Stinger Plus+を修正する場合もほぼ同じように修正した。

サイドバーを長めに設定する

自分が思いついた一番邪道な解決方法だと思う。メインよりサイドバーが長くなるように設定すると、消える現象がなくなる。

かなりカッコ悪い(ー ー;)

scroll.jsの修正方法

プログラムの修正方法

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-09-21-22-00-10

さくらインターネットのサーバー設定より上記の「ファイルマネージャー」をクリックしてFTPにはいる。

[wordpress]/wp-content/themes/stingerplus/js/scroll.js

よりファイルを編集する。

24行目  var sideTop = side.offset().top; //追加
50行目 top: -sideHeight + winHeight, //変更
51行目 bottom: '', //変更

変更場所はこの3つのみ。
scroll.jsを消すのと同じくらい簡単。

まとめ

下記サイトを参考にさせてもらった。
根本は同じ。

参考
http://seminimalist.info/post-378/

スポンサーズドリンク

-ワードプレス, Web・コンピューター
-,

© 2020 すけたろうの雑記帳