HTMLのタブコントロールを常に画面の下端に表示する

Question

私が働く会社の監査サイトで作業しています。私たちは、各質問の横にあるラジオボタンとしてYes/No/NAオプションを使用して、1つの非常に長いページに質問を表示できるようにしたいと考えています。

質問とコントロールが正しく読み込まれていますが、ユーザーは質問にタブを当てて迅速に回答できるようにしたいと考えています。この問題は、タブでタブの下端にタブが付いたラジオボタンが表示されるという問題です。

私は解決策をオンラインで検索しましたが、タブとHTMLを一緒に言及するたびに新しいタブを開いたり、HTMLページにタブを表示したりすると思います。

誰もこの経験がありますか？ラジオボタンコントロールの下部にパディングを追加しようとしましたが、これはうまくいかないようです。

Answer 1

私はHTML/CSSではなくJavascriptが必要です。 hereという解決策を使用して、コントロールをタブで移動するときにスクロールし続けるようにできました。私は特に次のコードを使用しました。

$(':input').focus(function() { 
     var center = $(window).height()/2; 
     var top = $(this).offset().top; 
     if (top > center) { 
      $('html, body').animate({ scrollTop: top - center }, 'fast');    
     } 
    });