Question

我的网页上有一个非常大的桌子（横向说话），我使用＆＃34; overflow-y：auto;＆＃34;添加了一个滚动条。我的CSS上的属性，它做了我想要的。

问题是这张桌子也很高（垂直），我想在它的顶部和底部都有一个滚动条。

我最近下载了以下JS文件：https://github.com/sniku/jQuery-doubleScroll/来解决该问题。我将它上传到/ js / subfolder下的子主题目录。

在我的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页面中的建议，我也按如下方式启动了表：

<div id="double-scroll"><table id="very-wide-element">

最后，所有这些都行不通。

在示例文件中，它表示我应该使用以下代码：

<script type="text/javascript">
    $(document).ready(function(){
       $('#double-scroll').doubleScroll();
    });
</script>

然而，这不是使用WordPress的正确方法（如在codex上看到的），这就是我没有使用它的原因。

显然，在使用<script>标签切换到使用wp_enqueue_scripts功能的同时，有些事我做错了，我无法找到答案。

很抱歉，如果这对您来说很明显，但我是JS的新手。

非常感谢你的帮助和时间。

Answer 1

使用CSS可以实现可能的解决方案。对于这两个元素：在div元素的类中设置{overflow-x：visible}，并在表的类中设置{overflow-y：visible}。（可见显示滚动条并将溢出设置为自动）

CSS： .div {overflow-x：visible} .table {overflow-y：visible}

HTML：（div id =“double-scroll”class =“div”// table id =“very-wide-element”class =“table”）

将下载的JS文件添加到WordPress

1 个答案: