mCustomScroll - 页面加载上的滚动正文焦点[关闭]

Posted 2023-05-09

【中文标题】mCustomScroll - 页面加载上的滚动正文焦点[关闭]

【英文标题】：mCustomScroll - Scrolling body focus on page load [closed]

【发布时间】：2018-10-26 11:17:53

【问题描述】：

我正在使用 mCustomScrollbar 的键盘支持，它允许用户使用箭头键滚动。

但用户在点击滚动框后将能够使用箭头键。我的要求是让用户在页面加载时滚动滚动框。

所以基本上我想要的是在页面加载后聚焦滚动框架。一旦生成了滚动框架，我就尝试过应用 .focus() 但它没有用。

有什么建议吗？

【问题讨论】：

请创建minimal reproducible example

这里是代码 sn-p : codepen.io/anon/pen/XqxKWd 除非我们点击了可滚动的 div，否则我们不能使用箭头键滚动 div。我想将可滚动的 div 集中在加载上，以便用户可以在页面加载后立即使用箭头键滚动 div。 @AlonEitan

【参考方案1】：

我已尝试在 #mCSB_1 上添加 .focus()，它会起作用。

(function($)
   $(document).ready(function()
      $(".scrollBody").mCustomScrollbar(
       keyboard:
         enable: true
       
     );

     $('.scrollBody #mCSB_1').focus();

   )   
)(jQuery);

https://codepen.io/anon/pen/RyemBg