前提・実現したいこと
いつもお世話になっています。
初めての投稿になります。
Kindleで小説を読むように、横長で画面いっぱい縦書きのWebサイトを作成しています。
現在は手動で横スクロールが可能な状態なのですが、要素をクリックすることでページをめくるように表示されている画面幅だけ横(右から左方向)に移動させたいと思っているのですが、js、jqueryともに上手くいかず…。
ちなみに画面幅はCSSのvhとvwで指定しています。
同じように画面の幅をjsかjqueryで取得しながら、なおかつボタンクリックすることでoverflow-x:scroll;を指定した要素を横にスクロールさせたいのですが…。
「ページトップへ戻る」のような仕組みかと思い色々と試したのですが、横向きに移動させる方法が分からず質問させていただきました。
コメントでご指摘いただいた例での動作結果はこちらになります。
$(function() { $(".navigate-left").click(function(){ $('.container_single').css({left: "100%"}) }); });
僕の力量では難しく、アドバイスを頂きましたが悪戦苦闘しております。
具体的なコードがありましたら載せていただけると大変嬉しく思います。
よろしくお願いします。
もし解決されたら、横向きになりながらコーラ一気飲み余裕なぐらい元気でます。
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
ソースコード
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/11/20 03:34
2018/11/20 03:47
退会済みユーザー
2018/11/23 16:43
2018/11/23 16:54