如何让select中的滚动条自动定位到框中选中项的位置

最新推荐文章于 2024-06-17 16:49:45 发布

转载最新推荐文章于 2024-06-17 16:49:45 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/leiyongbo/p/8377785.html

文章标签：

#javascript #移动开发 #ViewUI

本文介绍了一种在有服务器事件提交时保持Select控件滚动条位置的方法。通过保存提交前的scrollTop属性并在页面加载时重新设置，实现了滚动条位置的记忆功能。此外还提供了一个根据选项高度来大致计算滚动位置的备选方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

document.getElementById("hidScrollTop").value = document.getElementById("slcYZYongFa").scrollTop;

select有个属性scrollTop可以跟据这个进行设置控件的滚动条垂直位置

这个用在有服务器事件提交时用，提交前保存scrollTop属性，页面加载时用上面的代码进行设置属性即可

当然也可以通过后台判断要选中的项的索引进行大概计算，毕竟每行的高度应该是一致的

转载于:https://www.cnblogs.com/leiyongbo/p/8377785.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34321977

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Winform从入门到精通（10）——CheckedListBox（史上最全）

qq_34059233的博客

01-14

6503

本文介绍CheckedListBox控件的详细用法，包含所有属性、事件，绝对史上最全！

在一张 Fiori Elements 列表报表里精准排布列：Fiori Elements @UI.lineItem 注解深度剖析

2007 年 ~ 2025 年，深耕 SAP 技术 18 年

04-20

153

属于 UI 领域词汇表中的核心注解，用来告诉 Fiori Elements 应该把哪些字段渲染成列表表格的列，并且决定列出现的顺序、在不同分辨率下的可见性以及列本身的表现类型。理解它背后的元数据模型不仅能让开发者快速得到一个“零手写 UI 代码”的列表报表，还能在后期维护中保持 CDS 模型的可读性。本篇逐行解构下面的三段注解，说明valueposition各自的含义，展示它们是如何被 SAPUI5 run‑time 解读并最终在浏览器呈现。

参与评论您还未登录，请先登录后发表或查看评论

为select下拉框添加滚动条

10-18

当下拉菜单选项比较多的时候，select下拉列表内容过多，在IE中默认是30条选项，firefox默认是20条，超过自动出现滚动条，但是在没出现滚动条时候样式特别不协调。本次上传的代码将提供一种方法将select下拉框添加滚动条

根据选择的内容滚动条自动定位

J1271820107的博客

11-16

870

点击上面tab页内容右边的滚动条自动滚动到对应位置，需要整个页面出现滚动条才可以要是一页能放下该方法不适用 shiro:hasPermission 标签是权限标签不需要的自行去掉布局如下效果就是点击然后滚动条自动滚动到下面的具体模块位置实现过程首先初始化每个需要定位到的具体位置的高度 240 是根据实际情况增加或者减少 var result_todata = [] $(".type_info").each(function(){ ...

element-ui中el-select和el-tree结合使用，没值回显时，滚动条位置总在底部

weixin_42304966的博客

09-29

1734

element-ui结合el-tree和el-select使用，没值回显时，el-tree滚动条展示在底部

vue 运用ElementUI,做select下拉框回显

XYLH2015的博客

03-23

4019

第一、加载的顺序，应该先加载下拉框要选择的数据，然后在通过编辑查询数据后回显。第二、要保证select下拉的ID和v-model里边的id保持一致。第三、elementUI就会自动的将数据回显了。一下是截图：转载于:https://www.cnblogs.com/xiaomili/p/6607627.html...

el-select下拉框动态获取及默认选中当前元素

Charonmomo的博客

11-04

1745

<el-col :span="2"> <el-select placeholder="本体库选择" v-model="ontoList.name" style="width: 130px" @change="changeOnto(ontoList.name)"> <el-option .

MFC---列表框控件ListBox、组合框控件Combo Box（常用控件）

Frank---7的博客

06-17

2992

列表框给出了一个选项清单，允许用户从中进行单项或多项选择，被选中的项会高亮显示。列表框可分为单选列表框和多选列表框，顾名思义，单选列表框中一次只能选择一个列表项，而多选列表框可以同时选择多个列表项。列表框也会向父窗口发送通知消息。这些通知消息及含义如下：LBN_DBLCLK ：用户用鼠标双击了一列表项，只有具有LBS_NOTIFY 的列表框才能发送该消息LBN_ERRSPACE ：列表框不能申请足够的动态内存来满足需要LBN_KILLFOCUS ：列表框失去输入焦点。

MFC编程之组合框控件

爱上冰的野鹿的博客

05-04

1684

什么是组合框？在这里我做了一个例程，选择不同的边缘会又不一样的值，并且能修改和保存。下面是效果图。组合框控件简介组合框其实就是把一个编辑框和一个列表框组合到了一起，分为三种：简易（Simple）组合框、下拉式（Dropdown）组合框和下拉列表式（Drop List）组合框。下面讲讲它们的区别。简易组合框中的列表框是一直显示的。下拉式组合框默认不显示列表框，只有在点击了...

matlab listbox选中输出,vba中ListBox控件的使用

weixin_42123237的博客

03-17

1365

给ListBox添加内容If CheckBox8 = True Then---------------------------checkbox控件被选中For i = 0 To ListBox1.ListCount - 1--------------循环将值赋到ListBox中If i < ListBox1.ListCount Then' If ListBox1.Selecte...

ant design vue2 TreeSelect 滚到到选中的节点

junkegui的博客

03-23

1640

这里插一句，一般业务需求是打开面板再滚动到指定位置，而且只有打开面板tree才会开始渲染，所以这段代码必须写在tree渲染完成之后，但是ant design vue2并没有提供打开下拉面板的方法，只有vue3才有。由于各个版本的样式名可能不同，我们之间使用浏览器选择元素的功能，选中对应元素（即tree选中的节点，这里是ant-select-tree-node-selected），获取焦点，那不就是鼠标选中下拉框吗，一般选中下拉框，下拉面板就是自动打开，正好符合我们的需求，所以完整的代码应该是这样。

下拉框中选项的快速定位

weixin_30407099的博客

04-19

933

对于选项很多的下拉框 <select>，人工定位到想要的项目是很费劲的。浏览器其实原生支持下拉选择框根据键盘输入自动定位到相应条目的。通过输入条目字母定位到下拉框中条目的位置方便是方便，有个问题是连续输入不能间隔太久，这个间隔实测中感受是非常短的，如果想找的条目比较难输入，就无法在短时间内完成这个操作。那有没有相应 API ...

vue+element弹窗内---下拉框定位问题解决(方法之两种)

xu_duo_i的博客

01-08

1536

加了:popper-append-to-body="false" 这个属性也不好用时可以试试这个

jQuery滚动条属性

hermit_j的博客

11-26

389

offset(),scrollLeft()和scrollTop()

关于select的横向滚动条

leafe920的专栏

11-15

4011

写了一个弹出框是一个table 只有一tr 第一个td是填选择条件然后在第二个td里面展示第二个td里面是一select 是一个设置了size的下拉框，也就是说选项是显示出来的不用下拉 Java代码 'gongcheng' size='10' name='gongcheng' > .....

select下拉框默认选择