html
1<div id="container" style="overflow-y:scroll; height:300px"> 2<div id="content" style="height:600px"> 3画像とかテキストとか 4</div> 5</div> 6 7<p class="btn>ボタン</p>
このようなソースがあります
wrapperの#containerよりも中身の#contentの方が高さがあり、
300pxほどはみ出してスクロールバーが表示されてる状態なのですが
ボタンのクリックで#contentを100pxY軸マイナス方向にスクロールさせたいと思っています
が、クリックでイベントの発生まではできるのですがその後がうまくいきません
javascript
1tgt_ypos = 300 2$('#content').animate({ 3 top:'-='+tgt_ypos 4 }, 1000, 'swing');
このjsで、中身は確かに300px移動するのですが、スクロールバーがデフォルトの位置から動かないという状況です
何がおかしいのでしょうか
ちゃんと#contentが移動して、スクロールバーもそれに応じた位置に動いてくれるのが期待する動作なのですが…
ご意見よろしくおねがいします!
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/01/27 03:57
2019/01/27 04:38
2019/01/27 07:34