ここから本文です

☆Jqueryの件★ ワードプレス練習に以下のようなモバイルページ用途のトップへ戻...

kun********さん

2019/4/2121:41:52

☆Jqueryの件★

ワードプレス練習に以下のようなモバイルページ用途のトップへ戻るボタンをタッチで作りました。
そこで、微調整する方法が分からず困ってます。どなたかご教示願います。

①ボタンを最初隠しておきスクロールした際にフェードイン、フェードアウトする方法
②ボタン押下時にURLの最後にアンカーリンクがつくので消す方法

ソースコード

<div>
<p id="pageTop"><a href="#" class="touchHover"><i class="fa fa-chevron-up"></i></a></p>
</div>

<script>

$(function(){
var start = "touchstart";
var end = "touchend";
$(".touchHover").bind(start,function(){
$(this).addClass("touchstart");
});
$(".touchHover").bind(end,function(){
$(this).removeClass("touchstart")
});
});

</script>

閲覧数:
7
回答数:
1
お礼:
50枚

違反報告

ベストアンサーに選ばれた回答

nis********さん

2019/4/2818:24:45

質問した人からのコメント

2019/4/28 18:25:40

繰り越します。

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる