質問編集履歴
1
補足追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -85,3 +85,93 @@
|
|
|
85
85
|
Windows10
|
|
86
86
|
|
|
87
87
|
WordPress 5.5.1
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
***************補足***************
|
|
92
|
+
|
|
93
|
+
[2020.10.20]
|
|
94
|
+
|
|
95
|
+
controlBtn.jsのコードを記載いたします。
|
|
96
|
+
|
|
97
|
+
```javascript
|
|
98
|
+
|
|
99
|
+
//TOPスクロール
|
|
100
|
+
|
|
101
|
+
jQuery(function() {
|
|
102
|
+
|
|
103
|
+
var pagetop = $('#page_top');
|
|
104
|
+
|
|
105
|
+
pagetop.hide();
|
|
106
|
+
|
|
107
|
+
$(window).scroll(function () {
|
|
108
|
+
|
|
109
|
+
if ($(this).scrollTop() > 100) { //100pxスクロールしたら表示
|
|
110
|
+
|
|
111
|
+
pagetop.fadeIn();
|
|
112
|
+
|
|
113
|
+
} else {
|
|
114
|
+
|
|
115
|
+
pagetop.fadeOut();
|
|
116
|
+
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
});
|
|
120
|
+
|
|
121
|
+
$('a[href^="#"]').click(function(){
|
|
122
|
+
|
|
123
|
+
var time = 500;
|
|
124
|
+
|
|
125
|
+
var href= $(this).attr("href");
|
|
126
|
+
|
|
127
|
+
var target = $(href == "#" ? 'html' : href);
|
|
128
|
+
|
|
129
|
+
var distance = target.offset().top;
|
|
130
|
+
|
|
131
|
+
$("html, body").animate({scrollTop:distance}, time, "swing");
|
|
132
|
+
|
|
133
|
+
return false;
|
|
134
|
+
|
|
135
|
+
});
|
|
136
|
+
|
|
137
|
+
});
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
|
|
141
|
+
//指定位置スクロール
|
|
142
|
+
|
|
143
|
+
jQuery(function(){
|
|
144
|
+
|
|
145
|
+
// #で始まるアンカーをクリックした場合に処理
|
|
146
|
+
|
|
147
|
+
jQuery('a[href^=#]').click(function() {
|
|
148
|
+
|
|
149
|
+
// スクロールの速度
|
|
150
|
+
|
|
151
|
+
var speed = 400; // ミリ秒
|
|
152
|
+
|
|
153
|
+
// アンカーの値取得
|
|
154
|
+
|
|
155
|
+
var href= jQuery(this).attr("href");
|
|
156
|
+
|
|
157
|
+
// 移動先を取得
|
|
158
|
+
|
|
159
|
+
var target = jQuery(href == "#" || href == "" ? 'html' : href);
|
|
160
|
+
|
|
161
|
+
// 移動先を数値で取得
|
|
162
|
+
|
|
163
|
+
var position = target.offset().top;
|
|
164
|
+
|
|
165
|
+
// スムーススクロール
|
|
166
|
+
|
|
167
|
+
jQuery('body,html').animate({scrollTop:position}, speed, 'swing');
|
|
168
|
+
|
|
169
|
+
return false;
|
|
170
|
+
|
|
171
|
+
});
|
|
172
|
+
|
|
173
|
+
});
|
|
174
|
+
|
|
175
|
+
|
|
176
|
+
|
|
177
|
+
```
|