定位滚动条

最新推荐文章于 2021-05-08 15:53:14 发布
最新推荐文章于 2021-05-08 15:53:14 发布
阅读量87 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26880671/article/details/83964803
版权

实例一：

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>定位滚动条</title>
<script type="text/javascript">
 function showIt(elID){
  var el = document.getElementByIdx_x_x_x(elID);
  el.scrollIntoView(true);
 }
</script>
</head>
<body οnlοad="showIt('record175');">

<div style="overflow:scroll;height:200px;width:atuo;"><table id="businessTable" style="width:1100px;" cellspacing="0" cellpadding="0" border="1">
<tr>
<th width=180px style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#D9D9D9', endColorStr='#D9D9D9', gradientType='0');" nowrap>项目</th>
<th width=80px style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#D9D9D9', endColorStr='#D9D9D9', gradientType='0');" class="b" nowrap>实绩</th>
<th width=80px style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#D9D9D9', endColorStr='#D9D9D9', gradientType='0');" class="b" nowrap>城市均值</th>
<th width=80px style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#D9D9D9', endColorStr='#D9D9D9', gradientType='0');" class="b" nowrap>城市排名</th>
<th width=80px style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#D9D9D9', endColorStr='#D9D9D9', gradientType='0');" class="b" nowrap>省份均值</th>
<th width=80px style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#D9D9D9', endColorStr='#D9D9D9', gradientType='0');" class="b" nowrap>省份排名</th>
<th width=80px style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#D9D9D9', endColorStr='#D9D9D9', gradientType='0');" class="b" nowrap>小区均值</th>
<th width=80px style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#D9D9D9', endColorStr='#D9D9D9', gradientType='0');" class="b" nowrap>小区排名</th>
<th width=80px style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#D9D9D9', endColorStr='#D9D9D9', gradientType='0');" class="b" nowrap>大区均值</th>
<th width=80px style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#D9D9D9', endColorStr='#D9D9D9', gradientType='0');" class="b" nowrap>大区排名</th>
<th width=80px style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#D9D9D9', endColorStr='#D9D9D9', gradientType='0');" class="b" nowrap>全国均值</th>
<th width=80px style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#D9D9D9', endColorStr='#D9D9D9', gradientType='0');" class="b" nowrap>全国排名</th>
</tr>
<tr id="record161">
<td>销售部分1</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
</tr>
<tr id="record162">
<td>销售部分2</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
</tr>
<tr id="record163">
<td>销售部分3</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
</tr>
<tr id="record164">
<td>销售部分4</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
</tr>
<tr id="record165">
<td>销售部分5</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
</tr>
<tr id="record166">
<td>销售部分6</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
</tr>
<tr id="record167">
<td>销售部分7</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
</tr>
<tr id="record168">
<td>销售部分8</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
</tr>
<tr id="record169">
<td>销售部分19</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
</tr>
<tr id="record170">
<td>销售部分10</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
</tr>
<tr id="record171">
<td>销售部分11</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
</tr>
<tr id="record172">
<td>销售部分12</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
</tr>
<tr id="record173">
<td>销售部分13</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
</tr>
<tr id="record174">
<td>销售部分14</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
</tr><tr id="record175">
<td>销售部分15</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
<td style="color:#333;">-</td>
</tr>
</table>
</div>
</body>
</html>

 

 

实例二：

 

<html>
 <head>
  <title>ScrollIntoView() example</title>

  <script type="text/javascript">
    function showIt(elID)
    {
      var el = document.getElementByIdx_x(elID);
      el.scrollIntoView(true);
    }
  </script>

 </head>
 <body>
  <div style="height: 5em; width: 30em; overflow: scroll;
              border: 1px solid blue;">
    <div style="height: 100px"></div>
    <p id="pToShow">The para to show</p>
    <div style="height: 100px"></div>
  </div>
  <input type="button" value="Show para"
   οnclick="showIt('pToShow');">

 </body>
</html>


qq_26880671
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery实现定位滚动条位置
多啦的博客
11-08 1万+
scrollTop() 方法scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置
滚动条设置
ATwins
07-12 1895
亲自测试过（chrome）：原版链接  在原版里面直接按F12去看结构和设置吧   其主要是： (选择器)::-webkit-scrollbar                 // 滚动条的整体样式 (选择器)::-webkit-scrollbar-track       // 滚动条里面的轨道 (选择器)::-webkit-scrollbar-thumb    // 滚动条里面的轨道...
VI定位到最后一行最后一个字符
sunguannan的博客
10-30 7634
最后一行：G    最后一个字符：$  
selenium学习（十一）---selenium定位滚动条
不学习，永远发现不了自己的潜力
05-08 2356
selenium定位滚动条的三种情况： 滚动条滑动到指定位置 String script = "return arguments[0].scrollIntoView();"; WebElement target = driver.findElement(By.xpath("XXX")); ((JavascriptExecutor) driver).executeScript(script, target); 这里需要注意一下，复制此段代码到idea中，是可以运行成功的。如果是手打的话，在idea中ex
定位 & 滚动条
qq_42827425的博客
03-18 1093
定位： static 默认值。位置设置为 static 的元素会正常显示，它始终会处于文档流给予的位置（static 元素会忽略任何 top、bottom、left 或 right 声明） absolute 相对于父级元素的绝对定位，浮出、脱离布局流，它不占据空间，就是我们所说的层，其位置相对于最近的已定位父元素而言的位置，可直接指定 left、top、right 以及 bottom 属性。若父...
滚动条刷新定位
01-09
当前页面刷新的时候，滚动条会定位到刷新前的位置
vue 中滚动条始终定位在底部的方法
10-18
今天小编就为大家分享一篇vue 中滚动条始终定位在底部的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Flex中怎么给表格中的滚动条定位避免刷新回到原处
10-25
如果表格中的字段过多，会出现滚动条，在将滚动条滚到一定的位置时，重新刷新又回到原处，本文教大家如何给滚动条定位
Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印 方便用于小论文写作，方便用于毕业设计
07-20
Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可
K-means聚类算法MATLAB代码.doc
最新发布
07-20
kmeans聚类算法matlab代码
计算机科学与技术_基于Android的新闻管理系统的设计与实现.docx
07-20
计算机科学与技术_基于Android的新闻管理系统的设计与实现
半自动光纤接头组装机_包括零件图_机械3D图可修改打包下载.zip
07-20
半自动光纤接头组装机_包括零件图_机械3D图可修改打包下载.zip
[课设项目]Java-SSM框架开发校园资讯推荐系统+jsp+MySQL+前后端分离毕业论文和源码.zip
07-20
本项目是一个基于Java-SSM框架开发的校园资讯推荐系统，旨在为学生提供个性化的资讯推荐服务。项目采用前后端分离的设计模式，前端使用JSP进行页面展示，后端则通过SSM框架实现数据处理和业务逻辑。数据库方面，项目采用了MySQL作为存储数据的工具，确保了数据的稳定性和安全性。 项目资源包括完整的项目源码、数据库脚本以及详细的开发说明，同时还提供了相关论文作为参考。无论是正在进行毕业设计的学生还是需要进行项目实战练习的Java学习者，都可以通过本项目获得宝贵的实践经验。 值得一提的是，项目已经过严格的调试过程，确保可以在JDK、IDEA和Tomcat的开发环境下正常运行。对于有一定Java基础的学习者来说，还可以在项目现有代码的基础上进行拓展，实现更多功能，从而进一步提升自己的编程能力。请放心下载使用，本项目将是您毕业设计或课程设计的得力助手。
基于Springboot的物流管理系统论文
07-20
传统信息管理主要依赖管理人员的手工登记与管理。然而，近年来信息技术的快速发展促使许多陈旧的信息管理模式进行了更新与迭代。货运信息因其管理内容复杂、数量庞大，手工处理方式已无法满足广大用户的需求，于是兴顺物流管理系统应运而生。 兴顺物流管理系统分为管理员和用户两个角色。管理员负责管理用户的基本信息、物流资讯及货运信息，并能与用户进行交流等。用户则可以查看货运信息、物流资讯以及管理员的回复信息等。 该系统采用了WEB应用程序开发中流行的小程序结构模式，并使用占用空间小但功能完备的MySQL数据库进行数据存储。系统开发过程中运用了JSP技术。兴顺物流管理系统能够解决传统手工操作中的诸多难题，如数据查询耗时长、数据管理步骤繁琐等。总体而言，该系统性能稳定、功能全面，投入运行后具有较高的性价比。
复盘方法论操作手册-整理
07-20
复盘方法论操作手册
数据结构与算法基础课程 C语言C++程序语言设计教程 4_1串 共18页.pptx
07-20
【课程大纲】 1_0 课程简介 共7页.pptx 2_1绪论 共32页.pptx 2_2线性表-顺序表 共12页.pptx 2_3线性表-链表 共43页.pptx 3_1栈和队列 共29页.pptx 3_2递归和非递归 共22页.pptx 4_1串 共18页.pptx 5_1 数组 共19页.pptx 6_1二叉树 共19页.pptx 6_2森林和哈夫曼树 共15页.pptx 7_1 图（存储、遍历、连通） 共49页.pptx 7_2图（拓扑排序、关键路径、最短路径） 共52页.pptx 8_1集合与查找（静态查找、哈希、二叉排序树、平衡二叉树） 共28页.pptx 8_2集合与查找（B-树） 共12页.pptx 9内排序 共25页.pptx
12CN10N-VB TO220一种N-Channel沟道TO220封装MOS管
07-20
12CN10N-VB TO220一种N-Channel沟道TO220封装MOS管
11NM60ND-VB TO251一种N-Channel沟道TO251封装MOS管
07-20
11NM60ND-VB TO251；Package：TO251；Configuration：Single-N-Channel；VDS：650V；VGS：30（±V）；Vth：3.5V；RDS(ON)=370mΩ@VGS=10V；ID：11A；Technology：SJ_Multi-EPI；
selenium定位滚动条
04-28
您可以通过以下代码定位滚动条： 1. 首先，您需要导入Selenium WebDriver和Actions类： ``` from selenium.webdriver import Chrome from selenium.webdriver.common.action_chains import ActionChains ``` 2. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值