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

概要

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

対処方法

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

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

原因と解説

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