スポンサーサイト[スポンサー広告]

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2011/08/22(月)

Twitterの上部にあるバーをスクロールさせる[インターネット]

タグ: Twitter Firefox レビュー ブログ FC2ブログ ブログカスタマイズ

Twitterのページは、上部が固定化されている。スクロールをしても、この部分はいつも先頭に表示される。そんなおせっかいは必要ないと思っても、設定で変更することはできない。

上部が固定化されていることによる不都合もある。

  • わずかながら画面の領域が取られるので、一度に読める量が減る。
  • ページスクロールすると、行きすぎて読めない行が出てくる。

スクロールしすぎるのはFirefoxの問題なのかもしれないが、非常にわずらわしい。どうやら、スクロールしない分を考慮していないようだ。

画面全体をスクロールさせるには、CSSをいじる必要がある。何かうまい方法はないかと調べていたら、Firefoxのアドオンで、Stylishというのを見つけた。ユーザー側でCSSを定義できるアドオンだ。

以下のようにすれば、全部スクロールするようになる。

2012/02/10追記
新しいレイアウト(ツイートが右側)に対応した設定を記載。
@-moz-document domain("twitter.com") {
.topbar{position:absolute !important;}
}

なお、以前のレイアウトであればこちら。

@-moz-document domain("twitter.com") {
#top-stuff{position:absolute !important;}
}

背景画像と背景色に色の違いがあると、スクロールしたときに、固定化されていた部分の背景が見えて、色の違いが少々気になるが、いい方法が見つからなかった。

FC2ブログには、似たようなものとして、検索バーがある。この検索バーは、ブログの管理者が設定で消すことができ、ないと困るものではない。見る側は、通常どうすることもできないが、次のようにして、Stylishで強制的に非表示にすれば見なくて済む。

@-moz-document domain("fc2.com") {
html{top:0px !important;}
#sh_fc2blogheadbar{display:none !important;}
}

なお、FC2ブログの管理者が、自身のブログの検索バーを消すには、[環境設定の変更] - [ブログの設定] - [検索バーの利用]を、「利用しない」にすればよい。

Amebaブログには、アメーババーが存在する。こちらも、Stylishで以下のようなスタイルを追加することで非表示にできる。

@-moz-document domain("ameblo.jp") {
body{padding-top:0px !important;}
#amebaBar{display:none !important;}
}
関連記事
コメント
コメントの投稿









JavaScriptを有効にする必要があります。




管理者にだけ表示を許可する

1カ月間、新規記事がない場合、コメントは承認制になります。

トラックバック
トラックバックURL
http://tswe.blog98.fc2.com/tb.php/540-202fcdaa
この記事にトラックバックする(FC2ブログユーザー)

| ホーム |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。