0

1 つのページに複数のキャンバスが表示される Web アプリがあります。これにより、ページが非常に長くなり、クライアントから多くのスクロールが必要になります。

ユーザーのアクセシビリティを強化するために、フッター クラスを追加しました。

HTML:

<footer class="site-footer">
  <a href="#" style="text-align:inherit; position: relative;
     vertical-align: inherit; left: 399px; width: 146px;"
     data-scroll="claims">TOP OF THE PAGE</a>
</footer>

CSS:

.site-footer, .page-wrap:after 
{
  height: 52px; 
}
.site-footer 
{ 
  background: orange;
  border:2px solid white;
}

これにより、ユーザーはページの一番下までスクロールした後、ページの一番上まで直接ジャンプできます。

一番下だけでなく、ページのすべてのビューでこのフッターを利用できるようにする方法があるかどうか疑問に思っていました. そうすれば、クライアントは、ページの一番下ではなく、ページの真ん中から一番上までスクロールすることを選択できます。

CSS プロパティの位置をいじってみましたが、役に立ちませんでした。誰でも助けることができますか？

また、ユーザーエクスペリエンスをよりクールにする方法についてのさらなる提案も大歓迎です。

ありがとう。

4

2 に答える 2