我的网页上有一个非常大的表格(从横向来看),我添加了一个滚动条,使用“overflow-y:auto属性,这符合我的要求。
问题是这张桌子也很高(垂直),我想在它的顶部和底部都有一个滚动条。
我最近下载了以下JS文件:https://github.com/sniku/jQuery-doubleScroll/ 解决这个问题。
I uploaded it on my child-theme directory 在/js/子文件夹下。
In my functions.php 文件中,我添加了以下行:
function dsb_adding_scripts() {
wp_register_script(\'doubleScroll\', get_stylesheet_directory_uri() . \'/js/jquery.doubleScroll.js\', array(\'jquery\'),\'0.3\', true);
wp_enqueue_script(\'doubleScroll\');
}
add_action( \'wp_enqueue_scripts\', \'dsb_adding_scripts\' );
正如github页面中建议的那样,
I also started the table as follows:
<div id="double-scroll"><table id="very-wide-element">
最终,所有这些都行不通。
在示例文件中,它表示我应该使用以下代码:
<script type="text/javascript">
$(document).ready(function(){
$(\'#double-scroll\').doubleScroll();
});
</script>
然而,这并不是使用WordPress的正确方式(正如在codex上看到的),这就是为什么我没有使用它。
显然,当从使用标记切换到使用wp\\u enqueue\\u scripts函数时,我犯了一些错误,我无法找出原因。
抱歉,如果你觉得这很明显,但我是JS新手。
非常感谢您的帮助和时间。