Q&A
ここまで出来ていてその-180ができないのは、どこがどう分からないのでしょうか。ここから何もやってみていませんか？
<script>
$(function() {
$('#scroll').mouseover(function() {
// スクロール
// $('html,body').animate({scrollTop:700}, 800, 'swing');
});
});
</script>
いま700pxしたにスクロールしているのですがこれをどのモニターでみたときでも固定の場所までスクロールさせたいです
ここから-180いろんなとこにいれたけどうまくいきませんでした どんなコードをかけばいいかわかりません・・・
どうしたいのか良く分からないです。今現在800の箇所に動くけど、そうではなくて800の場所から-180の箇所に動かしたいのか、一度800に動いた後に-180なのか（それだと何をトリガーに動かすのか？）。提示されていない状況や情報が多すぎて回答がつきづらい状況になっています。そもそも、このコードをどこまで分かっているのか・・・。 https://teratail.com/help/question-tips#questionTips2-1
いずれにしてもコードはきちんとコードブロック```で囲い、冒頭の```に```js などプログラム言語名を入れてください。コードハイライト機能はコピーも1クリックで出来るので再現確認しやすくなります。
８００の箇所から-180したいです ６２０とあらわさずに
質問は編集できるので要件として追記してください。「８００の箇所から-180したいです」だと結局最初と同じです。普通に四則演算で計算結果出して今800と入れている箇所に計算結果入れればいいように思いますが、それでは何がダメなんでしょう？
というか要件部分が大きく抜けています。なぜ「８００の箇所から-180したい」のでしょうか？前程、背景がないと的確な回答はできません。
<script> $(function() { $('#scroll').mouseover(function() { // スクロール // $('html,body').animate({scrollTop:700}, 800, 'swing'); }); }); </script> 最初このコードで書いてたのですが、ノートパソコンだとスクロール箇所？とまるところがいい感じなのですが、デスクトップの大きいモニターだとスクロールする距離が足りなくて困ってます。どちらのモニターも一定の場所で止まるようにしたいです
質問は編集できるので質問本文に追記してください。既に指摘しているコードブロック部分もあわせてお願いしますね
（今のコードだと#positionという要素の位置に移動していることに気付いているのだろうか…）
頭悪くてすみません！
そういうのはいいので質問を編集してください。
きづいてます
*まず質問編集してほしいので削除*
3回目です。>いずれにしてもコードはきちんとコードブロック```で囲い、冒頭の```に```js などプログラム言語名を入れてください。コードハイライト機能はコピーも1クリックで出来るので再現確認しやすくなります。
正直なところ画面はモニターにより解像度も違いますし、HTMLもないですし、これだけじゃ回答難しいですね。例えば両方の画面キャプチャを提示するとかhtml、cssを提示するとか、状況が分かるもの、再現できるものが何もありません。
指摘があるようにこれだけだと「丸投げ質問」です。（非推奨質問：https://teratail.com/help/avoid-asking ）
回答2件
0
ベストアンサー
px指定でなく、要素指定でscrollIntoViewを使えば良いのでは？
ブラウザによって挙動が変わるので、よく調べてからお使いください
投稿2018/08/17 12:46
総合スコア2826
0
よくわかりませんが、これをうまいこと書き換えてください。
javascript
1$(function() { 2 $('#scroll').mouseover(function() { 3 // スクロール 4 $('html,body').animate({scrollTop: $('#scroll').offset().top}, 800, 'swing'); 5 }); 6});
jquery をあまり使わないので、間違ってるかもしれません。
投稿2018/08/17 01:39
総合スコア274
あなたの回答
tips
プレビュー
