怎么做固定高度的滚动条???

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么做固定高度的滚动条???相关的知识,希望对你有一定的参考价值。

‍大部分模拟做的滚动条都是随着页面的高度来随着长短变化,而现在我想要做一个这样的滚动条,固定高度的小方块,类似QQ空间打开内嵌网页出现的那个把手一样?怎么做呢?这种,或者这种

参考技术A

可以参考如下代码:

 <div style="width: 95%">            <h4>
                Review Check Point List</h4>
           @* <div style="border: 1px solid gray; width: 99%;">*@
            <div style="border: 1px solid gray; width:100%;height:350px;line-height:350px;overflow:auto;overflow-x:hidden;">              Pkg Name:@Model.LstPkgRptShow[0].SinglePkgPath &nbsp;&nbsp; Approved:@Model.LstPkgRptShow[0].SummaryApproved                <table style="width:100%">                    <tr>                        <td style="width:8%">                            ItemTypeID
                        </td>
                ----
                   </tr>
               </table>
       </div>

参考技术B jQuery custom scrollbar

搜索这个,可以帮助你解决问题,还能美化网站页面,提升格调,有帮助的话,多给点值!!本回答被提问者采纳

html中怎么固定一个table的表头和表位,拖动滚动条中间的数据滚动,而表头和表尾固定呢?表尾是用来做合计

我想要的效果是一体的,而不是分成3个table来做,网上有很多固定表头和列的例子,但是没有固定表尾的,希望哪个大哥大姐能帮忙解决。

给你写个固定表头的例子,固定表尾的就当是课堂练习,希望你能举一反三:

<HTML>
<HEAD>
<TITLE> JS Example</TITLE>
<style type=\'text/css\'>
tr.locktop
position:relative;
top:expression((this.offsetParent.scrollTop>this.parentElement.parentElement.offsetTop?this.offsetParent.scrollTop-this.parentElement.parentElement.offsetTop-1:0)-1);

</style>
</HEAD>

<BODY>
表头前面的内容,这些是可以滚出屏幕的,只有表头锁定。
<table id=pol_table_list cellspacing=0>
<tr class=locktop><th>表头
<tr><td>1
<tr><td>2
<tr><td>3
<tr><td>4
<tr><td>5
<tr><td>6
<tr><td>7
<tr><td>8
<tr><td>9
<tr><td>10
</table>
</BODY>
</HTML>

把浏览器窗口调得很小,才能看到效果,向下滚动的时候表头是固定的追问

你好,我对JS不懂,能否把表尾固定的JS也写出来?

参考技术A 选中表头的下一行》窗口菜单》冻结窗格命令 参考技术B 表头表尾以及中间数据分别放到三个<table>里面,然后首尾用absolute定位 参考技术C 1.将table放入一个固定位置的div(定位主体)
2.table做3行,宽度自己按要求固定好。
3.中间一行写固定的宽度和高度,完了在<td>中写入一个<div>,style设置中加入:OVERFLOW-y:auto;
4.这时候该div中你可以放入表单、table、ul、div、span等网页元素,用于展现数据,当数据过长的时候,可以拉动竖直滚动条,如果出现横向滚动条,你可以将那个div设置加上OVERFLOW-x:no;

5.首行和尾行自己处理,难点不在这了

以上是关于怎么做固定高度的滚动条???的主要内容,如果未能解决你的问题,请参考以下文章

如何让DIV随着左右滚动条移动,上下滚动条不变

小程序页面获取滚动条高度

div中镶嵌一个iframe,怎么让iframe的滚动条不起作用,而div的滚动条起作用

具有固定标题、滚动条和动态高度的 HTML 表格

HTML table标签固定高度,并且显示滚动条

jquery获取滚动条高度和位置