Javascript 如何显示水平滚动条而不转到页面

Javascript 如何显示水平滚动条而不转到页面,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个网页包含了100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示: .well { overflow: auto; } 用户总是需要向下滚动才能找到水平滚动条。是否有任何方法可以阻止它,这样用户就不需要一直向下查找滚动条了?您可以使用overflow-x:scroll或overflow:scroll 如果您的数据位于HTML中的块元素中,则可以使用css height属性为其指定固定高度。然后使用overflow-x属性添加水平滚动条 .well { height:

我有一个网页包含了100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示:

.well {
overflow: auto;
}

用户总是需要向下滚动才能找到水平滚动条。是否有任何方法可以阻止它,这样用户就不需要一直向下查找滚动条了?

您可以使用overflow-x:scroll或overflow:scroll


如果您的数据位于HTML中的块元素中,则可以使用css height属性为其指定固定高度。然后使用overflow-x属性添加水平滚动条

.well {
   height: 200px;
   overflow-x: scroll;
}
*{框大小:边框框;}
html,正文{高度:100%;边距:0;}
div{空白:pre;}
部分{
最大高度:100%;
溢出:自动;
}

一些内容
嗨,伙计们,我有一个网页包含100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示:
.嗯{
溢出:自动;
}
用户总是需要向下滚动才能找到水平滚动条。是否有任何方法可以阻止它,这样用户就不需要一直向下寻找滚动条了?有什么想法吗,伙计们?提前谢谢。
嗨,伙计们,我有一个网页包含100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示:
.嗯{
溢出:自动;
}
用户总是需要向下滚动才能找到水平滚动条。是否有任何方法可以阻止它,这样用户就不需要一直向下寻找滚动条了?有什么想法吗,伙计们?提前谢谢。
嗨,伙计们,我有一个网页包含100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示:
.嗯{
溢出:自动;
}
用户总是需要向下滚动才能找到水平滚动条。是否有任何方法可以阻止它,这样用户就不需要一直向下寻找滚动条了?有什么想法吗,伙计们?提前谢谢。
嗨,伙计们,我有一个网页包含100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示:
.嗯{
溢出:自动;
}
用户总是需要向下滚动才能找到水平滚动条。是否有任何方法可以阻止它,这样用户就不需要一直向下寻找滚动条了?有什么想法吗,伙计们?提前谢谢。
嗨,伙计们,我有一个网页包含100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示:
.嗯{
溢出:自动;
}
用户总是需要向下滚动才能找到水平滚动条。是否有任何方法可以阻止它,这样用户就不需要一直向下寻找滚动条了?有什么想法吗,伙计们?提前谢谢。
嗨,伙计们,我有一个网页包含100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示:
.嗯{
溢出:自动;
}
用户总是需要向下滚动才能找到水平滚动条。是否有任何方法可以阻止它,这样用户就不需要一直向下寻找滚动条了?有什么想法吗,伙计们?提前谢谢。
嗨,伙计们,我有一个网页包含100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示:
.嗯{
溢出:自动;
}
用户总是需要向下滚动才能找到水平滚动条。是否有任何方法可以阻止它,这样用户就不需要一直向下寻找滚动条了?有什么想法吗,伙计们?提前谢谢。
嗨,伙计们,我有一个网页包含100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示:
.嗯{
溢出:自动;
}
用户总是需要向下滚动才能找到水平滚动条。是否有任何方法可以阻止它,这样用户就不需要一直向下寻找滚动条了?有什么想法吗,伙计们?提前谢谢。
嗨,伙计们,我有一个网页包含100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示:
.嗯{
溢出:自动;
}
用户总是需要向下滚动才能找到水平滚动条。是否有任何方法可以阻止它,这样用户就不需要一直向下寻找滚动条了?有什么想法吗,伙计们?提前谢谢。
嗨,伙计们,我有一个网页包含100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示:
.嗯{
溢出:自动;
}
用户总是需要向下滚动才能找到水平滚动条。是否有任何方法可以阻止它,这样用户就不需要一直向下寻找滚动条了?有什么想法吗,伙计们?提前谢谢。
嗨,伙计们,我有一个网页包含100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示:
.嗯{
溢出:自动;
}
用户总是需要向下滚动才能找到水平滚动条。是否有任何方法可以阻止它,这样用户就不需要一直向下寻找滚动条了?有什么想法吗,伙计们?提前谢谢。
嗨,伙计们,我有一个网页包含100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示:
.嗯{
溢出:自动;
}
用户总是需要向下滚动才能找到水平滚动条。是否有任何方法可以阻止它,这样用户就不需要一直向下寻找滚动条了?有什么想法吗,伙计们?提前谢谢。
一些内容
嗨,伙计们,我有一个网页包含100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示:
.嗯{
溢出:自动;
}
用户总是需要向下滚动才能找到水平滚动条。是否有任何方法可以阻止它,这样用户就不需要一直向下寻找滚动条了?有什么想法吗,伙计们?提前谢谢。
嗨,伙计们,我有一个网页包含100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示:
.嗯{
溢出:自动;
}
用户总是需要向下滚动才能找到水平滚动条。是否有任何方法可以阻止它,这样用户就不需要一直向下寻找滚动条了?有什么想法吗,伙计们?提前谢谢。
嗨,伙计们,我有一个网页包含100个垂直和水平列出的数据。我有一个滚动条的css代码,如下所示:
.嗯{
溢出:自动;
}
用户总是需要向下滚动
.well {
    height: 400px;
    overflow-x: scroll;
 }
.well {
   height: 200px;
   overflow-x: scroll;
}
const element = document.getElementById('specialElement');
const elementSize = element.getBoundingClientRect();
const elementStyle = window.getComputedStyle(element);
const windowHeightValue = window.innerHeight;
const elementHeight = windowHeightValue - elementSize.top - 2 * parseInt(elementStyle.marginTop, 0);
element.style.height = elementHeight + 'px';