固定HTML中的Tab鍵控件總是顯示在屏幕的底部邊緣

我正在爲我工作的公司開發一個審計站點。我們希望能夠在單個很長的頁面上顯示問題，每個問題旁邊的選項Yes/No/NA作爲單選按鈕。固定HTML中的Tab鍵控件總是顯示在屏幕的底部邊緣

我們有正確加載的問題和控件，但我們希望用戶能夠選中問題並快速回答問題。這樣做的問題在於，在製表符時，它會顯示已被選中的單選按鈕，位於頁面的最底部。

我在網上搜索了一個解決方案，但沒有太多的運氣找到一個每當你提及標籤和HTML在一起，谷歌認爲你的意思是打開一個新的選項卡或在你的HTML頁面上顯示選項卡。

有沒有人有這方面的經驗？我嘗試添加填充到我的單選按鈕控件的底部，但這似乎不起作用。

2016-11-18 Andrew Wallace

嘗試搜索css tabindex –

這實際上會影響它在屏幕上顯示的方式嗎？我已經設置了tabindex，但是我看不到正在回答的問題，因爲它隱藏在頁腳的下方，而Tab鍵卻被隱藏。我只是想做到這一點，以便當您選中時，它會將它放在頁腳的上方，以便您可以閱讀問題並查看您提供的答案。它通過控件選項卡很好。 –

原來我需要Javascript，而不是HTML/CSS。使用我發現的解決方案here，我能夠使它在通過控件切換時保持滾動。我專門使用了下面的代碼。

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

來源

2016-11-18 17:57:14

固定HTML中的Tab鍵控件總是顯示在屏幕的底部邊緣

回答

相關問題