こんばんは、HTML等を独学で勉強中です。
ページ内をスムーズに“href #”移動するJqueryは見かけるのですが
ピクセル単位にスムーズに移動するJqueryやJAVAコードはないでしょうか。
自分で
HEAD内で↓
function Spring_Co_ordiname(){
var s1=window.scroll( 900, 700 );
}
BODY内で↓
<li><a href="javascript:Spring_Co_ordiname()"><img src="images/btn_nav.png" width="30" height="30" alt=""></a></li>
というコーディングをしていますが
ここをスムーズなスクロール機能を追加したいんです。
どうぞよろしくお願いします。
No.1ベストアンサー
- 回答日時:
Y座標の移動だけで良ければこんな感じで
function Down(){
scrollYBy(200,3) //Y距離,継続秒数(省略可能)
}
function scrollYBy(L,S){
T=10;
var T=T*2|0,S=(S||2)*T,b=0,B=0,i=1,h=L/(S/2*(S/2+1)),f;
(f=function (){
B+=(i<=S/2)?h*i:h*(S-i+1);
B-=b=Math.round(B);
scrollBy(0,b);
if(i++<S)setTimeout(f,1000/T);
})();
}
もし重たければfunction scrollYByの2行目のTの値を10から減らしてください
逆に増やすと滑らかになります
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS htmlについて質問です! 写真のように写真の部分が?になってしまいます。 ファイルもしっかり選べて 1 2023/07/09 21:17
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
<a href>での背景色について。
-
複数のJavascriptを1つのscrip...
-
bodyにidをつける理由は何ですか?
-
サブウィンドウから親ウィンド...
-
javascriptファイルは1つに統...
-
javascriptの外部ファイルで行...
-
新しいウィンドゥを最大化で立...
-
javascriptでbgmを自動再生する...
-
コピーライトの年表示について...
-
キーを押している間の時間を計...
-
ページ全体を検索して特定文字...
-
function の return 値を表示し...
-
JavaScriptでのEnterキーとAlt+...
-
変数の代入値を外部の.txtファ...
-
jsファイルが開けません
-
レンタルサーバーでjavascript...
-
WSHでのIE制御について
-
javascriptからウィンドウを開...
-
ホームディレクトリを示すチル...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a href="#" …>の意味を教えて...
-
html メールリンクにて自動ファ...
-
相対パスと絶対パスの速度
-
リンクに飛ばない・・・
-
フレームだけ閉じる方法ありま...
-
pythonのWebスクレイピングでfi...
-
HTMLソースからURLだけを抜き出...
-
個別にハイパーリンクの色を指...
-
時間によってリンク先を変える...
-
<a href>での背景色について。
-
mailto + 変数名
-
プルダウンメニューからリンク...
-
chromeでの擬似クラス:focus に...
-
POSTで<a hrefを送る方法について
-
URLでEXEを呼出した際の、引数...
-
同意を求めて、次のページに進...
-
HTML内に記載された画像のURLを...
-
リンクを選択すると現れる点線枠
-
iPadのロングタップ(長押し)...
-
ある一定時間操作していない場...
おすすめ情報