- ベストアンサー
勝手にスクロールして動いてしまう
jqueryを使用してメインビジュアルの自動画像切り替えをしているのですが、 不具合が発生していて、しばらくすると、勝手にスクロールして動いてしまいます。 CSSとjqueryが複雑にはりこんでいるので、不具合を修正するは難しいと思い、 勝手にスクロールするのを禁止するスクリプトがあれば…、と思い投稿しました。 スクロールするのを禁止する方法が、もしあれば教えて頂けると助かります。 よろしくお願いします。
- tenpraxxx
- お礼率94% (18/19)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- jqueryを使ったスクロール画面が正しく作動しません。
jqueryを使ったスクロール画面が正しく作動しません。 HTMLに関する質問コーナーにはふさわしくない質問かもしれませんが、jquery.jstocktickerを使ったスクロール画面に関して教えて欲しいことがあります。 以下のようなものを書いてみました。しかし、スクロールされるべき文字（この場合は「テスト」）が右からでてきません。左端に現われてすぐに消えてゆきます（一様左にスクロールされながら消えるのですが）。 どこが間違っているのかをご指摘していただければと思い、投稿させていただきました。 よろしくお願いいたします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>スクロール</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.jstockticker-1.1.js"></script> <link href="jQuery/innerFade/css/reset.css" rel="stylesheet" type="text/css" /> <link href="jQuery/innerFade/css/fonts.css" rel="stylesheet" type="text/css" /> <link href="jQuery/innerFade/css/jq_fade.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $(function() {$("#ticker").jStockTicker({interval: 5});}); </script> <style type="text/css"> div#tickercontainer{width: 680px;margin-left:auto;margin-right:auto;position:relative} div#wrap{position:relative;padding:5px; overflow: hidden} div#ticker{position:relative} div#ticker span{padding-right:20px} </style> </head> <body> <div id="tickercontainer"> <div id="wrap"> <div id="ticker"> <span> テスト</span> </div> </div> </div> </body> </html>
- ベストアンサー
- HTML
- VC 2008 タッチパッドに触れると勝手にスクロール
Visual C++ 2008 の統合開発環境を使っている時、タッチパッドの下部または右側に手が触れると勝手にスクロールしてしまって不便なのですが、これを禁止するにはどうしたらいいでしょうか？
- ベストアンサー
- C・C++・C#
- 数枚のバナーが一定の間隔でスクロールするライブラリ
数枚のバナー（仮に6枚）が一定時間でスクロールして入れ変わるライブラリを作りたいと思っています。 またメインバナーの横には小さいサムネールもあり、ロールオーバーでメインの画像がそれになるようにしたいです。 説明では難しいのでこちらを見て下さい。 http://www.selecsonic.com/selecsonic/top/index.jsp まさにこんな感じのものが作りたいです（全く一緒にしたい。画像は4枚verにして） html、cssの知識はありますがこういったものが全く疎いのでご教授下さい。 jqueryですよね？ ポイントは 1、自動再生、一定時間でスクロール 2、サムネールをロールオーバーでメインがそのバナーまでスクロール ３、バナーをクリックでリンク先へ移動（メイン、サムネール共に） ４、ページを読む込むたびに開始位置ランダム（これはできたらでいいです） 以上です。 お願いします。
- ベストアンサー
- JavaScript
- CSSやJavaScriptの使用の法律問題
jQueryやJavaScriptで画像やテキストを自動で切り替える 方法の法律的な事について、今回お聞きしたく思います。 jQueryはCSSに属したプログラミング言語だと理解しています。 またJavaScriptもプログラミング言語で、ホームページなど でCSS同様に使われていると理解しています。 この「画像を自動的に切り替える」ためのCSS(jQuery)や JavaScriptを使用を考えているのですが、どのような 手続きを得た方が良いのか、お聞きしたく今回投稿しました。 具体的には、CSS(jQuery)やJavaScriptは知的財産に該当 する分野だとは認識しています。 常識的に、勝手に承諾を得ずに使用しても良くない、また 使用料の契約問題も発生するのではないかと思っています。 CSS(jQuery)の使用については開発者に承諾を得ればよい とか、JavaScriptの使用については、承諾を得て、かつ使用 料の問題も発生すると言った具体的な事をお聞きしたく思い ます。 CSS(jQuery)やJavaScriptの使用について、深くご存じの方に お聞きしたく思います。
- ベストアンサー
- ホームページ作成ソフト
- javaを入れると勝手に作られるcssについて
はじめまして。 jquery.sticky.jsを読み込ませて、ページをスクロールさせると右側のバナーがついてくるようにするスクリプトを入れたところ※、勝手に【element.style】というcssが追加されてページ上部に不自然な高さができてしまいました。 このelement.styleを無効にしたいのですが、どなたかご存知の方いらっしゃいましたら、宜しくお願い致しますm_ _m ※対応するhtmlは78行目の【div id="socialbox"】です。 ページURL http://www.kaitenichiba.jp/contact/sub2.html
- ベストアンサー
- HTML
- 自動的にスクロールするようにするには
文章が自動的にスクロールするようにしたいので本を見ながらやってみたらできたのですが・・・ 下がる速度が思ってたほど遅いです。個人的にはもっと高速で下に下がって欲しいのですが超低速で下がっていきます。どうすれば早くなるか教えてください。それともこれ以上早くは下がってくれないとか？ <html> <body> <head> <title></title> </head> <body> <script language="javascript"> <!-- count = 0; var timerlD; function Scroll(){ count += 1; if( count < 600) { scroll(0, count ); } else{ cleartimeout( timerlD ); count = 0; return; } timerlD = setTimeout( "Scroll()", 1 ); } //--> </script> ここに自動的にスクロールする文章を打ってます。 gooに投稿できる文字数の関係で消しました。 <!--最後にスクロールON! --> <script language="javascript"> Scroll(); </script> </body> </html>
- ベストアンサー
- JavaScript
- liteboxと滑らかスクロールが同時処理出来ない
javascriptのliteboxと滑らかスクロールを１ページ内で行うことができません。 head内スクリプトタブ <!--滑らかスクロール--> <script type="text/javascript" src="js/jquery.js" charset="utf-8"></script> <script type="text/javascript" src="js/jquery.page-scroller.js" charset="utf-8"></script> <!--litebox--> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js2/prototype.js"></script> <script type="text/javascript" src="js2/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js2/lightbox.js"></script> イメージタグ <a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a> ライトボックスのバージョンはlitebox2.0 滑らかスクロールは下記サイトからダウンロードさせて頂いたものを使ってます。 http://coliss.com/articles/build-websites/operation/javascript/296.html 一方のスクリプトタグをコメントで囲むと囲んでいない方のスクリプトが機能します。 また、下の方に記述したスクリプトが機能します。なので上記の場合、liteboxは機能し、滑らかスクロールの方は機能しません。 両方機能させるにはどうしたらよいのでしょうか？ ジャバスクリプトは初めて使うのであまり詳しくありません。 ご教授お願い致します。
- ベストアンサー
- JavaScript
- カーソルが画面端に来たとき横スクロールするhtml
ページ全体に画像を貼り、カーソルが画面の左右数センチに来たときに横にゆっくりスクロールされていくhtml(又はcss、スクリプト)を教えて下さい。 絵巻物を見るような感覚のページを作りたいと考えています。 また、その画像の上に、背景の上に付けるようにリンクを何箇所か乗せることは可能でしょうか？ 可能でしたら、その方法も是非お聞きしたいです。 複雑な上に説明がわかりづらくて申し訳ありません。
- ベストアンサー
- HTML
- jQueryプラグイン「Moodular」について
jQueryプラグイン「Moodular」を改造して利用しています。 http://www.gougouzian.fr/projects/jquery/moodular/ 特定の要素を横（縦）にスクロールさせるスクリプトですが 修正するにあたり自分ではわからなかったので質問させていただきます。 要素が移動・停止を繰り返す際に微妙に減速、加速をおこなっているのですが これをとっぱらい、常に一定の速度でスクロールさせたいと考えています。 スクリプトを自分でいじってみましたが、思うように動きませんでした。 どなたか教えていただけないでしょうか？
- ベストアンサー
- JavaScript
- 画面サイズに合わせて、中心がずれないスライダ
どなたか、助けてください！！！！ http://www.altour.com/ ↑ このような、横幅一杯にメインビジュアルがあり、 且つ、ウィンドウサイズに合わせて、 メインビジュアルの中心がずれないスライダ式の トップページを作りたく、 HTMLとCSSとjQueryでデザインしております。 このページのソースコードを見たり、 ネット検索で横幅いっぱい表示のスライダの作り方を探したり、 いろいろしているのですが、 まったくやり方がわかりません。。。。 jQueryでもそのようなプラグインが探せ出せませんでした。 どのようにしたら作れるか、 どなたか教えていただけませんでしょうか？？
- 締切済み
- CSS
お礼
mohumohu23さん ご回答ありがとうございます。 やはりそんな都合のいいのはないですよね。。 ちょっとやり方を変えてみようと思います。