腾讯云

开发者社区

文档建议反馈控制台

首页

文章/答案/技术大牛

发布

社区首页 >问答首页 >为不含图像的内容创建框架/bg

问为不含图像的内容创建框架/bg
EN

Stack Overflow用户

提问于 2012-05-04 22:36:26

回答 2查看 56关注 0票数 1

我有一个背景，是一组相当复杂的渐变(用CSS完成，而不是图像)。在页面的中间是一个固定的框架，内容位于这个框架内。我可以在此框架上设置overflow-y: auto来滚动内容，但我希望能够使用窗口来滚动。

下面是页面现在的样子：

我想把滚动条放在窗口上。我可以将内容放在框架之外，并根据需要添加页边距，但问题是内容会出现在框架之外。然后我可以在顶部和底部覆盖它，但这是困难/不可能的，因为背景不是图像，也不是实心的。

有没有办法在顶部/底部滚动的块文本中有一个透明的元素？您能以某种方式将样式应用于重叠的内容吗？

即使是需要JavaScript的最奇特的单一浏览器解决方案也是完全可以接受的。

html

css

即时通信 IM 首购99.9元/

丰富 UI 组件助您极速集成聊天、会话、群组、直播弹幕等完备 IM 功能，全球接入，全平台跨终端互通，安全可靠

回答 2

Stack Overflow用户

发布于 2012-05-04 23:52:30

如果你的目标是隐藏滚动条(假设你对jQuery没意见)，我建议你使用类似slimScroll的工具。

在幕后发生的事情很简单:指定的容器被分配了overflow: hidden;，并附加了一个悬停处理程序-唯一的目的是模拟一个自定义滚动条来响应鼠标悬停事件。

票数 0

Stack Overflow用户

发布于 2012-05-05 01:56:07

尝试探索jScrollPane的特性。它是一个功能强大、灵活的JQuery插件，可以用来处理滚动条，你可能会找到解决方案。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10457002

复制

【jquery基础】按钮禁用和启用

jquery

在html标签中设置按钮被禁用，可以使用如下代码 <input type='button' id='test' value='disabled'> 在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled',false); jquery 控制button的disabled属性

用户5640963

2019/07/25

4.6K0

Jquery禁用/启用按钮与文本框代码

jquery 网站

在jquery中如果要禁止文框与按钮恢复效果我们需要动态设置disabled即可了，如果要设置为只读我们只要设置readonly即可。

botkenni

2022/01/10

2.3K0

IQKeyboardManager 启用/禁用

android

1.在摸个界面完全禁用IQKeyboard - (void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; //TODO: 页面appear 禁用 [[IQKeyboardManager sharedManager] setEnable:NO]; } - (void)viewWillDisappear:(BOOL)animated { [super viewWillDisappear:anim

developerbfl

2018/06/05

2.5K0

Vbs 禁用启用网卡

windows shell

在实际工作中，经常碰到需要通过脚本启用禁用网卡的情况，在网上找了一个脚本，实际是通过模拟键盘操作来启用禁用，但对于多种系统和比较复杂的情况操作性不好。

力哥聊运维与云计算

2019/06/28

2K0

Spring boot with Schedule (启用/禁用)

java express

本文节选自《Netkiller Java 手札》 5.19.4. 计划任务控制 matchIfMissing = true，如果改属性条目不存在返回 true @ConditionalOnProperty("batch.metrics.export.influxdb.enabled") # mybean.enabled = true @ConditionalOnProperty(value='mybean.enabled') @ConditionalOnProperty(value = "endp

netkiller old

2018/03/05

2.8K0

jQuery 获取对象根据属性、内容匹配, 还有表单元素匹配

jquery

指定元素中包含 id 属性的, 如: $("span[id]") 代码如下: <span id="span1" name="S1">AAA</span><br/> <span id="span2" name="S2">BBB</span><br/> <span name="Sx3">CCC</span><br/> <span name="Sx4">DDD</span><br/> <div id="div1" name="Dx1">EEE</div> <div name="D2">FFF</div

hbbliyong

2018/03/06

1.6K0

jquery 表单验证

jquery android

("form :input.required").each(function(){

用户5760343

2019/10/10

3.6K0

jquery 表单事件

jquery

.blur() 　　当元素失去焦点的时候触发事件。　　.blur(handler(eventObject)) 　　　　handler(eventObject) 　　　　　　每当事件触发时候执行的函数。　　.blur([eventData],handler(eventObject)) 　　　　eventData 　　　　　　一个对象，它包含的数据键值对映射将被传递给事件处理程序。　　　　handler(eventObject) 　　　　　　每当事件

用户1197315

2018/01/19

1.5K0

Linux 中如何启用和禁用网卡？

tcp/ip 命令行工具

当你添加一个网卡或者从一个物理网卡创建出一个虚拟网卡的时候，你可能需要使用这些命令将新网卡启用起来。另外，如果你对网卡做了某些修改或者网卡本身没有启用，那么你也需要使用以下的某个命令将网卡启用起来。

用户4988085

2021/09/14

18.6K0

jquery根据属性选择

jquery 测试技巧

有信仰的人不会孤独。——阿列克谢耶维奇分享一个jquery选择器的小技巧我们可以通过自定义属性键值选中一个元素例如如下元素： <div ruben="vampire">阿超</div> 然后我们通过ruben=vampire选中这个div 就可以如下写法： let vampire = $('div[ruben="vampire"]') 我们可以简单测试一下输出里面的内容 <div ruben="vampire">阿超</div> <script type="text/javascript">

阿超

2022/08/17

1.9K0

JQuery表格表单操作

其他

1、多选框应用代码示例 <form action=”#” method=”post”> 你喜欢的明星是？<br /> <input type=”checkbox” name=”boxs” value=”张嘉译” id=”1″ /><label for=”1″>张嘉译</label> <input type=”checkbox” name=”boxs” value=”周润发” id=”2″ /><label for=”2″>周润发</label> <input type=”checkbox” name=”bo

苦咖啡

2018/05/07

1.5K0

bootstrapValidator 中文API

jquery bootstrap 编程算法

颍川

2019/11/21

13.2K1

jquery 操作表单表格

add contains image png 表格

$("tr:contains('王五')").addClass("selected")

用户5760343

2019/10/08

1.5K0

Jquery 异步提交表单

后台

前台部分代码： <div id='error'></div> <input type='text' id='username' name='username' readonly='Readonly'/> <input type='password' id='password' name='password'> <input type='text' id='company' name='company'> <input type='text'

用户1503405

2021/09/23

3K0

JQuery 学习—JQuery Validation表单验证范例[通俗易懂]

https java 网络安全 jquery html

jQuery Validato表单验证插件，它是基于jQuery类库，实现了js脚本于页面html代码的分离。你可以划分多个校验组，每个组的校验都是互不影响。对一个表单对象，你只需要写一行代码就可以轻松实现无数种（理论上）脚本控制。

全栈程序员站长

2022/07/19

1.8K0

Element 根据描述展示表单

element 表单

假如数据格式如下： formData: [ { title: "气密性测试", param: [ { mode: "检查方式1", way: "单选", required: "Y", content: ["检漏仪", "u形管"], value: "检漏仪"

一只图雀

2020/09/21

9190

Oracle 启用被禁用的外键

oracle

在Oracle中，面对已经被禁用的外键，我们该如何将它重新启用呢？本教程就为大家带来Oracle外键启用方法。

用户8965210

2021/09/02

8280

PHP过滤表单字段

php html 数据库 sql 编程算法

从post来的进行addslashes后就可存入数据库了，取出后直接echo即可普通的文本： 1.htmlspecialchars接着addslashes存入数据库，取出后直接echo即可。 2.addslashes存入数据库，取出后htmlspecialchars输出。说明： addslashes仅仅是为了让原来的字符正确地进入数据库。 htmlspecialchars是吧html标签转化掉。

黄啊码

2020/05/29

3.1K0

用jquery实现表单验证_jquery验证插件

jquery http spring 编程算法

功能强大的 jQuery 表单验证插件，适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证，除自身拥有丰富的验证规则外，还可以添加自定义的验证规则。

全栈程序员站长

2022/11/09

4.3K0

点击加载更多

相似问题

jQuery Ajax文件上传formData

基于Laravel后端的资源+ FormData文件上传

用jquery和FormData上传文件

jquery文件上传formData输入名称

在Express中访问文件上传formData

活动推荐

提供大模型在企业的应用构建、高效便捷

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例