質問編集履歴
2
jsbin追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -249,3 +249,13 @@
|
|
249
249
|
|
250
250
|
|
251
251
|
上から下にスクロールするときも下から上にスクロールするときも、各カラムがその方向にコンテンツがあればスクロールさせたいです。
|
252
|
+
|
253
|
+
|
254
|
+
|
255
|
+
**jsbin**
|
256
|
+
|
257
|
+
|
258
|
+
|
259
|
+
[css position:sticky](https://jsbin.com/janevaxayi/edit?html,css,output)
|
260
|
+
|
261
|
+
[sticky kit](https://jsbin.com/limekegohi/edit?html,css,js,output)
|
1
補足
test
CHANGED
File without changes
|
test
CHANGED
@@ -217,3 +217,35 @@
|
|
217
217
|
|
218
218
|
|
219
219
|
の2点です。
|
220
|
+
|
221
|
+
|
222
|
+
|
223
|
+
補足
|
224
|
+
|
225
|
+
--
|
226
|
+
|
227
|
+
|
228
|
+
|
229
|
+
css の `position: sticky` の問題点について。
|
230
|
+
|
231
|
+
|
232
|
+
|
233
|
+
teratail のこのページでも右側のサイドバーは sticky になっていると思います。
|
234
|
+
|
235
|
+
このページを一番下までスクロールした後に、上方向へスクロールするとしばらくはサイドバーはスクロールしません。
|
236
|
+
|
237
|
+
サイドバーの一番上を見るためにはメインカラムの一番上が見れるまでスクロールしないといけません。
|
238
|
+
|
239
|
+
css の `position: sticky;` で top または bottom を指定した場合もこの動きになります。
|
240
|
+
|
241
|
+
|
242
|
+
|
243
|
+
理想は sticky sidebar のサイトの画像がわかりやすいです。
|
244
|
+
|
245
|
+
|
246
|
+
|
247
|
+
![イメージ説明](8968f8dba12fd67f7542cbcab3e9f266.png)
|
248
|
+
|
249
|
+
|
250
|
+
|
251
|
+
上から下にスクロールするときも下から上にスクロールするときも、各カラムがその方向にコンテンツがあればスクロールさせたいです。
|