`

页面一定会出现 上下 或 左右 滚动条 样式

 
阅读更多

上下滚动:
<div id="tableListDiv" style="height:800px;overflow-x: hidden;overflow-y: auto;">

  <table width="955" border="0"  cellpadding="0" cellspacing="1" align="center" class="mar_t10 xmwh_gys_ctab h30 f_c t14">
  <tr>
    <td width="50" style="background-color:#d2d2d2;" class="tb"><input type="checkbox" onClick="selectAll(this,'chkName');" /></td>
    <td width="205" style="background-color:#d2d2d2;" class="tb">项目名称</td>
    <td width="150" style="background-color:#d2d2d2;" class="tb">上课时间</td>
    <td width="150" style="background-color:#d2d2d2;" class="tb">上课地点</td>
    <td width="100" style="background-color:#d2d2d2;" class="tb">剩余名额</td>
    <td width="100" style="background-color:#d2d2d2;" class="tb">招生人数</td>
    <td width="150" style="background-color:#d2d2d2;" class="tb">年龄限制</td>
    <td width="100" style="background-color:#d2d2d2;" class="tb">教师简介</td>
  </tr>
</table></div>

左右滚动:
<div id="tableListDiv" style="height:800px;overflow-x: auto;overflow-y: hidden;">

  <table width="955" border="0"  cellpadding="0" cellspacing="1" align="center" class="mar_t10 xmwh_gys_ctab h30 f_c t14">
  <tr>
    <td width="50" style="background-color:#d2d2d2;" class="tb"><input type="checkbox" onClick="selectAll(this,'chkName');" /></td>
    <td width="205" style="background-color:#d2d2d2;" class="tb">项目名称</td>
    <td width="150" style="background-color:#d2d2d2;" class="tb">上课时间</td>
    <td width="150" style="background-color:#d2d2d2;" class="tb">上课地点</td>
    <td width="100" style="background-color:#d2d2d2;" class="tb">剩余名额</td>
    <td width="100" style="background-color:#d2d2d2;" class="tb">招生人数</td>
    <td width="150" style="background-color:#d2d2d2;" class="tb">年龄限制</td>
    <td width="100" style="background-color:#d2d2d2;" class="tb">教师简介</td>
  </tr>
</table></div>
分享到:
评论

相关推荐

    div随滚动条上下滚动

    在网页设计中,"div随滚动条上下滚动"是一种常见的动态效果,通常用于实现固定定位或者跟随滚动的视觉效果。这种效果可以通过JavaScript库jQuery和原生JavaScript来实现,以增加用户体验,使某些元素如导航栏、侧...

    flex滚动条三种实现方式

    在Flex容器上,如果`overflow`属性设置为`auto`或`scroll`,则会在需要时显示水平或垂直滚动条。例如: ```css .container { display: flex; overflow: auto; /* 或 'scroll' */ } ``` 这种方式简单易用,但...

    文本垂直无滚动条滚动(jquery)

    在网页设计中,有时我们希望实现一种效果,即文本在垂直方向上滚动,但不显示滚动条,以保持页面的简洁美观。这个“文本垂直无滚动条滚动”功能主要依赖于JavaScript库jQuery来实现,它提供了高效且易于操作的DOM...

    js左侧悬浮窗口,随滚动条滚动

    在这个特定的场景中,"js左侧悬浮窗口,随滚动条滚动" 是一个常见的网页设计功能,它指的是在网页浏览时,一个窗口或侧边栏会固定在屏幕的左侧,并随着用户滚动页面而上下移动,保持始终可见。 实现这样的效果,...

    jQuery Bootstrap响应式新闻列表文字上下滚动特效

    标题中的“jQuery Bootstrap响应式新闻列表文字上下滚动特效”指的是使用jQuery库和Bootstrap框架来创建一个适应不同设备屏幕尺寸的新闻列表,同时实现文字的上下滚动效果。这种特效常见于网站的新闻或更新部分,...

    JavaScript中Textarea滚动条不能拖动的解决方法

    这种情况下,虽然可以通过点击滚动条的上下按钮来滚动内容,但是无法通过拖动滚动条来快速浏览长文本,这大大降低了用户使用体验。 为了解决这个问题,开发者需要深入理解JavaScript事件机制和浏览器行为。例如,...

    jQuery触屏手机上下滑动刷新代码.zip

    总的来说,“jQuery触屏手机上下滑动刷新代码”是一个实用的工具,可以帮助开发者为移动应用或网站增加触控友好的上下滑动刷新功能。不过,为了使其完全符合项目需求,开发者需要对提供的代码进行适当的修改和扩展。

    javascript实现的上下无缝滚动效果

    左右滚动需要考虑到列表的宽度和位置,以实现水平滚动条的无缝滚动。而上下滚动则主要关注的是列表元素的垂直位置,通过改变元素的offsetTop值来达到滚动的效果,不需要额外计算列表整体的宽度。 3. javascript中...

    jquery垂直向上逐条滚动新闻列表

    在这个项目中,关键在于创建一个新闻列表的容器,然后利用jQuery的定时器(如`setInterval()`)每隔一定时间将第一条新闻移动到列表的底部,模拟出向上滚动的效果。这个过程可能包括以下步骤: 1. **HTML结构**:...

    js 单行多行滚动信息新闻

    "js 单行多行滚动信息新闻"指的是使用JavaScript实现的一种动态展示新闻信息的效果,这种效果常见于网站的新闻更新区域,通过上下滚动或左右滑动的方式,使得多条新闻信息在有限的空间内循环展示,既节省了页面空间...

    可翻阅上一条下一条的网站滚动新闻.rar

    标题中的“可翻阅上一条下一条的网站滚动新闻”暗示了我们正在处理一个与网页交互有关的项目,特别是涉及到新闻或信息展示的部分。这种滚动新闻通常是指在网站上以滚动方式显示的最新消息或更新,用户可以通过点击或...

    js上下视差滚动简单实现代码

    div2作为背景层,原本的设置是相对定位,并且有蓝色的背景色,它会随着滚动条的移动而移动,产生视差滚动的效果。 接着,JavaScript的实现是关键部分。通过监听滚动事件,我们可以获取当前滚动条的位置,并据此改变...

    腾讯QQ网页在线客服,随网页滚动条上下移动的效果一

    在网页设计中,实现腾讯QQ网页在线客服那种随滚动条上下移动的效果,是一种常见的交互设计手法,它能够确保用户在浏览页面时始终保持客服窗口在视线范围内,方便用户随时咨询。这种效果通过JavaScript、CSS和HTML三...

    jQuery实现新闻列表滚动特效代码.zip

    在网页中,新闻列表可能包含多条新闻项,当用户向下滚动页面时,这些新闻项会按照预设的动画效果逐个出现或消失,给人一种连续滚动的感觉。这种效果可以通过jQuery的定时器(setInterval)和DOM元素的动画方法(如...

    jQuery活动内容上下滚动切换特效代码

    在处理函数内部,通常会用到`$(this).scrollTop()`来获取当前滚动条的位置,以及元素相对于视口顶部的距离。根据这些值,可以判断何时切换内容。如果当前显示的内容需要被新的内容替换,可以通过改变CSS的`display`...

    jQuery右侧悬浮楼层滚动代码.zip

    当页面向下滚动到一定位置时,通过CSS的position属性设置为"fixed",使其始终保持在屏幕右侧,不随页面内容上下移动。 3. **jQuery脚本**:核心的JavaScript代码使用jQuery库来检测用户滚动行为。`$(window).scroll...

    浮动菜单,可实现上下滚动的效果

    浮动菜单指的是在网页上能够浮动显示的菜单,这种菜单一般会悬停在页面的某个位置,并且不随页面滚动条的移动而移动。它的好处在于提供用户一个固定的导航点,方便用户操作。 2. 上下滚动效果的实现: 要实现菜单...

    Sinus-Scroller:用 javascript 创建的鼻窦滚动条

    【Sinus-Scroller:用JavaScript创建的鼻窦滚动条】是一种创新的网页滚动效果,它将传统的直线上下滚动转换为类似波浪形的滚动方式,为用户带来独特的视觉体验。这一技术主要基于JavaScript语言实现,使得网页的滚动...

    vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作

    在`methods`中,有一个`handleScroll`函数,它监听页面滚动事件。当滚动距离超过特定值(这里是`329`像素)时,`whether`设置为`true`,使得tab列表固定在顶部;否则,将其设回`false`。为了使这个滚动监听生效,...

    WebGL滚动背景图片旋转动画特效

    在这款特效中,当用户滚动页面时,背景图片会随着滚动条的位置变化而产生旋转或平移等动态效果,从而营造出一种沉浸式的浏览体验。这种效果通常通过监听滚动事件,计算滚动距离,然后更新WebGL渲染上下文中的模型...

Global site tag (gtag.js) - Google Analytics