人気マンガがだれでも無料♪電子コミック読み放題!!

ちょっと違うのですが、こちらのサイトをご覧ください。
http://www.rinkokikuchi.com/#

このサイトでは横スクロールデザインですが、マウスの縦スクロールをしても横にスクロールできるようになっています。

私が今困っているのはパララックスを使った縦スクロールのサイトを作っているのですが、
マウスのホイールを横にスクロールした際にもサイトを縦にスクロールできる様にしたいのですが、分かりません。

縦横どちらでもスクロールできる様にしたいです。

どなたか教えて頂けませんでしょうか。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

縦スクロールは


overflow-x:scroll

印刷がうまく出来ませんので使用していませんが
    • good
    • 0
この回答へのお礼

ありがとうございます。
しかしながらうまく動作しませんでした。

overflowなんでしょうか。
マウススクロールの横を縦スクロールに変換したいということなんですが...。

お礼日時:2013/07/14 13:40

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qマウスのホイールスクロールが突然横方向に! 直し方は?

Excelでワークシートを編集中、突然マウスのホイールスクロールの方向が横になってしまいました。

覚えがないのですが、どうして横方向に?
直し方は?

なお、IE6とワードでは縦方向に正しくスクロールします。

Aベストアンサー

参考になれば
http://www-06.ibm.com/jp/domino04/pc/support/Sylphd06.nsf/jtechinfo/SYJ0-0269846

Qエクセルで突然横にスクロール

エクセルでマウスのスクロールキーを上下に動かすとエクセルの表も上下に動いていたのが、突然、横に動いたりします。どなたか、解決法をよろしくお願いします。

Aベストアンサー

もしかしてオートスクロールモードになっているとかですかね

参考URL:http://support.microsoft.com/default.aspx?scid=kb%3Bja%3B882814

Q横スクロールバーを表示したい

スクロールバーの色を変更するために下記のタグを埋め込んだ所、
今まで表示されていた横スクロールバーが消えてしまいました。
横スクロールさせないと見えない部分があるので、ぜひ表示させたいです。
どうか教えてください!

Win98se・IE6
HPビルダーでどこでも配置モードを利用しています。

<STYLE type="text/css"><!--body {scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff; scrollbar-arrow-color:#C0C0C0;
scrollbar-highlight-color:#808080; scrollbar-shadow-color:#C0C0C0;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
overflow-x : hidden ;} -->
</STYLE>

Aベストアンサー

overflow-x : hidden ;

横スク出しちゃいやん、の印(笑)

overflow-x : auto;
横スク出るなら出てしまえ。

overflow-x : scroll ;
横スク必ず出してやる!

この行がない場合はoverflow-x : auto;と同じ意味です。
・・・言うてもIE互換モードだけだけどー。

Qhtml、スクロールバーを表示させない(横だけ)

HTMLでフレームのスクロールバーを表示させないには
<frame>、<iframe>タグの属性、scrolling="no"とすればよいのですが
それでは縦のスクロールバーも横のスクロールバーも消えてしまいます。
自分は横のスクロールバーのみ消して縦のスクロールバーのみ残したいのですがどうすればいいでしょう?

補足:上下にのみ動かせるページを作りたい。ということ。

わかるかたどうかお願いいたします。
HTMLでムリでしたらJavaScritpなどでもかまいません(が、解説、もしくは解説ページを教えていただかないと自分はJavaScriptが打てませんので・・・よろしくお願い致します。)

Aベストアンサー

下記を、フレーム内の横スクロールバーを消したいページの
<HEAD>と</HEAD>の間に入れてみてください。


<STYLE TYPE="text/css">
<!--
BODY {
overflow-x: hidden;
}
-->
</STYLE>

Q横スクロールのWebページを作りたい

http://tympanus.net/Tutorials/WebsiteScrolling/

こちらのような、横にスライドするWebページを作ろうと思っています。
超横長な1ページを作って、スクロールで見える範囲を設定するという想像は出来ます。
このように、超横長な1ページはどのように作ればいいのでしょうか?
普通でしたら、Photoshop等でモックアップを作り、スライスしていくのが一般的ですが
仮にこのサイトの大きさが8000pxだとすると、とんでもなくデザインしにくそうです…

それと、仮にこのようなページを作る場合、慣れた人ならどのような手順で作っていきますか?


回答よろしくお願いします。
※スクロールのアニメーション自体はjQueryでできることは知っているので大丈夫です。

Aベストアンサー

floatを使う場合は
それを囲む外側の要素に、内包するfloatさせたい要素全部が横並びするだけのwidthを指定しておかないと、ウインドウの端で折り返されます。

body{width:12000px;}


人気Q&Aランキング