html怎么办文本框固定,【求助】页面求助 文本框相对固定_html/css_WEB-ITnose

现在 有一个文本框和一个table 在同一个

(这是个弹出窗口,点击后弹出该DIV)

由于table内很多行 所以导致弹出的窗口有垂直滚动条,当滚动条滚动时 文本框也会随之滚动

希望可以做到只有table数据随之滚动,文本框在最上面固定 需要怎么做呢?

回复讨论(解决方案)

position:fixed

?

position:fixed

? 不太对, 这个属性是对于整个页面固定的 而我要的是一个div里的另一个DIV 针对外层DIV固定

input放在这里

table放在这里

外面那层div加个split="true"input放在这里

table放在这里

外面那层div加个split="true"input放在这里

table放在这里

现在是这样一个结构 ^^^

div table 相关都在JSP里面 很多页面都用到了搜索框 即 text文本框 所以 这个是写在JS里面的

现在想的是 只改 这里 让文本框 相对于DIV固定在最上面 就是看table中的行 翻滚 但是文本框一直在div最上面即可 可以实现么

外面那层div加个split="true"input放在这里

table放在这里 .

现在是这样

只修改 div 小 和 input 可以实现我说的text 在div大最上面固定么

你不想改变现有结构 可以参考这个(不过真没有我那个方法方便):http://blog.sina.com.cn/s/blog_62f573ad01013ntd.html

你不想改变现有结构 可以参考这个(不过真没有我那个方法方便):http://blog.sina.com.cn/s/blog_62f573ad01013ntd.html

虽然没有解决我的问题 依然谢谢你~~~

还有人有高见么 坐等

外面那层div加个split="true"input放在这里

table放在这里 我试过了 不对~~~~~~~~~

我的是好的,效果图如下:

我的是好的,效果图如下:

嗯 你的图跟我需求差不多 方便共享下源码么

我的是好的,效果图如下:

我用你的 为什么 显示出来就没有下拉条了。

中文 英文

农药中毒 有机磷 敌敌畏 敌百虫 甲基内吸磷 对硫磷 甲基对硫磷 甲胺磷 乙酰甲胺磷 乐果 氧乐果 * 硫* 甲拌磷 二嗪农 二溴磷 八甲磷 马拉硫磷 久效磷 水胺硫磷 亚胺硫磷 杀扑磷 杀螟松 谷硫磷 苯硫磷 速灭磷 倍硫磷 磷胺 内吸磷 氨基甲酸酯 克百威 灭多威 甲萘威 速灭威 仲丁威 害扑威 异丙威 涕灭威 抗蚜威 呋喃威 残杀威 混灭威 硫双威 拟除虫菊酯 丙烯菊酯 甲醚菊酯 戊菊酯 苄呋菊酯 胺菊酯 氯菊酯 氟氰菊酯 氟氯氰菊酯 氯氰菊酯 顺式氯氰菊酯 溴氰菊酯 氰戊菊酯

我的是好的,效果图如下:

再麻烦看下我哪里是不是写错了还是理解错了

按4楼方法 为什么table的数值都跑到右面去了 滚动条也没了

直接一个position:absolute 不是就可以了么

直接一个position:absolute 不是就可以了么 是给小的DIV加么

直接一个position:absolute 不是就可以了么 是给小的DIV加么

对,然后用js获取外层div的滚动高度,当外层div滚动时更新就好了。

把table单独放到一个div中,给div设置overflow:auto;

还有人有高见么 坐等

简单的一个定位就好了,给你示例:1

2

3

4

5

6

把table单独放到一个div中,给div设置overflow:auto;

你看我15楼的截图啊 是给table单独放到一个div里了 并且也设置aotu了 但是不对啊

还有人有高见么 坐等

简单的一个定位就好了,给你示例:1

2

3

4

5

6

非常感谢 基本满足结果了 现在还有一个问题就是 下拉滚动时 input是透明的 如下图

还有人有高见么 坐等

简单的一个定位就好了,给你示例:1

2

3

4

5

6

非常感谢 基本满足结果了 现在还有一个问题就是 下拉滚动时 input是透明的 如下图

我给的示例的div上的就特意已经加上了背景:background: #fff; 你设置成你自己的颜色就行了,div的大小也可以根据实际情况调整下。

还有人有高见么 坐等

简单的一个定位就好了,给你示例:1

2

3

4

5

6

非常感谢 基本满足结果了 现在还有一个问题就是 下拉滚动时 input是透明的 如下图

我给的示例的div上的就特意已经加上了背景:background: #fff; 你设置成你自己的颜色就行了,div的大小也可以根据实际情况调整下。

非常感谢 学习到很多 谢谢~~

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

简介 笔者当初为了学习JAVA,收集了很多经典源码,源码难易程度分为初级、中级、高级等,详情看源码列表,需要的可以直接下载! 这些源码反映了那时那景笔者对未来的盲目,对代码的热情、执着,对IT的憧憬、向往!此时此景,笔者只专注Android、Iphone等移动平台开发,看着这些源码心中有万分感慨,写此文章纪念那时那景! Java 源码包 Applet钢琴模拟程序java源码 2个目标文件,提供基本的音乐编辑功能。编辑音乐软件的朋友,这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件,EJB来模拟银行ATM机的流程及操作:获取系统属性,初始化JNDI,取得Home对象的引用,创建EJB对象,并将当前的计数器初始化,调用每一个EJB对象的count()方法,保证Bean正常被激活和钝化,EJB对象是用完毕,从内存中清除,从账户中取出amt,如果amt>账户余额抛出异常,一个实体Bean可以表示不同的数据实例,我们应该通过主键来判断删除哪个数据实例…… ejbCreate函数用于初始化一个EJB实例 5个目标文件,演示Address EJB的实现 ,创建一个EJB测试客户端,得到名字上下文,查询jndi名,通过强制转型得到Home接口,getInitialContext()函数返回一个经过初始化的上下文,用client的getHome()函数调用Home接口函数得到远程接口的引用,用远程接口的引用访问EJB。 EJB中JNDI的使用源码例子 1个目标文件,JNDI的使用例子,有源代码,可以下载参考,JNDI的使用,初始化Context,它是连接JNDI树的起始点,查找你要的对象,打印找到的对象,关闭Context…… ftp文件传输 2个目标文件,FTP的目标是:(1)提高文件的共享性(计算机程序和/或数据),(2)鼓励间接地(通过程序)使用远程计算机,(3)保护用户因主机之间的文件存储系统导致的变化,(4)为了可靠和高效地传输,虽然用户可以在终端上直接地使用它,但是它的主要作用是供程序使用的。本规范尝试满足大型主机、微型主机、个人工作站、和TACs 的不同需求。例如,容易实现协议的设计。 Java EJB中有、无状态SessionBean的两个例子 两个例子,无状态SessionBean可会话Bean必须实现SessionBean,获取系统属性,初始化JNDI,取得Home对象的引用,创建EJB对象,计算利息等;在有状态SessionBean中,用累加器,以对话状态存储起来,创建EJB对象,并将当前的计数器初始化,调用每一个EJB对象的count()方法,保证Bean正常被激活和钝化,EJB对象是用完毕,从内存中清除…… Java Socket 聊天通信演示代码 2个目标文件,一个服务器,一个客户端。 Java Telnet客户端实例源码 一个目标文件,演示Socket的使用。 Java 组播组中发送和接受数据实例 3个目标文件。 Java读写文本文件的示例代码 1个目标文件。 java俄罗斯方块 一个目标文件。 Java非对称加密源码实例 1个目标文件 摘要:Java源码,算法相关,非对称加密   Java非对称加密源程序代码实例,本例中使用RSA加密技术,定义加密算法可用 DES,DESede,Blowfish等。   设定字符串为“张三,你好,我是李四”   产生张三的密钥对(keyPairZhang)   张三生成公钥(publicKeyZhang)并发送给李四,这里发送的是公钥的数组字节   通过网络或磁盘等方式,把公钥编码传送给李四,李四接收到张三编码后的公钥,将其解码,李四用张三的公钥加密信息,并发送给李四,张三用自己的私钥解密从李四处收到的信息…… Java利用DES私钥对称加密代码实例 同上 java聊天室 2个目标文件,简单。 java模拟掷骰子2个 1个目标文件,输出演示。 java凭图游戏 一个目标文件,简单。 java求一个整数的因子 如题。 Java生成密钥的实例 1个目标文件 摘要:Java源码,算法相关,密钥   Java生成密钥、保存密钥的实例源码,通过本源码可以了解到Java如何产生单钥加密的密钥(myKey)、产生双钥的密钥对(keyPair)、如何保存公钥的字节数组、保存私钥到文件privateKey.dat、如何用Java对象序列化保存私钥,通常应对私钥加密后再保存、如何从文件中得到公钥编码的字节数组、如何从字节数组解码公钥。 Java数据压缩与传输实例 1个目标文件 摘要:Java源码,文件操作,数据压缩,文件传输   Java数据压缩与传输实例,可以学习一下实例化套按字、得到文件输入流、压缩输入流、文件输出流、实例化缓冲
表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2021 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值