liScroll (jquery.li-scroller.1.0)で長文が表示できない時の対処方法

投稿日: カテゴリー タグ

概要

ティッカー表示用のjqueryスクリプトliScrollにて、長文のテキストを表示すると途中でテキストが途切れてしまう時の対処方法です。特にchrome やFirefoxで顕著に発生します。

対処方法

css ファイルに以下のコードを追加します。

ul.newsticker li {
	white-space:nowrap;
}

原因と解説

li タグの内容が長文だとブラウザ側で自動的に改行が挿入されます。これをcssで無効にすることで対処しています。

このエントリーをはてなブックマークに追加
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Bookmark this on Google Bookmarks
Pocket

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA