ユーザーがマーキー内のテキストにカーソルを合わせるとマーキーが一時停止し、ユーザーのマウスがテキストから離れると元に戻るというスクリプトを作成しました。iPadと電話はマウスを使用しないため、マーキーを完全に再起動する際に問題が発生します。私の最初の考えは、ホバー後に遅延を作成し、その遅延後にスクロールを再開することでした。リンクが電話とiPadでクリックされた後、マーキーが何度も開始および停止するため、部分的には機能しますが、完全には機能しません。
では、どうすればこの問題を回避できますか?
$('marquee p').hover(
function(){//When mouse hovers over
$('marquee').attr({scrollamount:0});
setTimeout(function(){
$('marquee').attr({scrollamount:2});
;},3000);
},
function(){//When mouse doesn't hover over
$('marquee').attr({scrollamount:2});
}
);