微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > html教程 > 正文

根据滚动条滚动距离设置不固定div 在线等答复！谢谢。_html/css_WEB-ITnose

php中文网
发布： 2016-06-21 09:22:54
原创
1254人浏览过

如图所示。div底部已经盖住下面的div的,目的是想要div底部靠近下面div的顶部时就不再固定会跟着页面滚动!

课游记AI
课游记AI

AI原生学习产品

课游记AI 86
查看详情 课游记AI

回复讨论(解决方案)

你底部设置了绝对定位吗 .  高度设置auto试试  。

获取你的对象计算得到630这个数值啊。。

var o=$('定位元素的选择器'), otop=o.offset().top+o.height();

获取你的对象计算得到630这个数值啊。。

var o=$('定位元素的选择器'), otop=o.offset().top+o.height();


谢谢
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：实现a连接拨号功能。_html/css_WEB-ITnose 下一篇：背景图太大加载慢用ps将背景图切割后如何放在网页中_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
html怎么直接运行_html直接运行方法【技巧】 可通过浏览器直接打开HTML文件实现本地运行。具体方法包括：①右键HTML文件选择浏览器打开；②将文件拖拽至浏览器窗口；③使用VSCode的LiveServer插件实时预览；④通过Python命令启动HTTP服务器；⑤利用Node.js的http-server搭建本地服务，支持复杂功能测试。
2025-12-03 17:00:02
413
怎么让手机运行html_手机运行html方法【教程】 可通过手机浏览器、专用编辑器、本地服务器或电脑协同四种方式查看HTML文件：首先将文件存入手机，再用浏览器输入file路径打开，或用QuickEdit等应用预览；也可通过KSWEB搭建本地服务器访问；还可借助USB或Wi-Fi传输文件实现即时测试。
2025-12-03 16:59:53
909
html怎么用sublime运行php_sublime运行html中php法【教程】 配置本地PHP环境后，通过SublimeText的BuildSystem运行PHP文件，可直接查看输出；结合XAMPP可在浏览器中预览完整页面效果；安装PhpServer插件能快速启动内置服务器并在浏览器打开；设置F9等快捷键实现一键构建，提升开发效率。
2025-12-03 16:56:02
362
用hb写html怎么运行不出来_解hb写html运行失败问题【技巧】 首先确认HB是否为Handlebars模板引擎，其文件需编译为HTML才能运行。检查文件扩展名如.hbs是否正确，并引入Handlebars库。通过Node.js安装handlebars包并用脚本编译模板生成静态HTML，或在浏览器中加载CDN后动态渲染。确保script标签类型为text/x-handlebars-template，并将编译后内容插入DOM。排查路径错误，避免404或CORS问题，使用开发者工具查看网络请求与控制台日志。最后启动本地服务器如http-server，禁止直接双击打
2025-12-03 16:54:40
235
html写好怎么运行_写好html后运行步骤【指南】 首先保存HTML文件为.html格式，再通过浏览器双击打开即可查看效果；也可用VSCode配合LiveServer插件实现自动刷新预览；若涉及脚本功能，则需搭建本地服务器运行。
2025-12-03 16:48:02
278
submit怎么运行HTML_HTML表单提交运行方法【教程】 表单提交可通过五种方法实现：一、使用form标签设置action和method属性，配合input输入框与submit按钮完成数据发送；二、通过JavaScript绑定提交事件，实现前端验证并调用submit()方法或使用fetch异步提交；三、利用button元素设置type="submit"嵌入表单，结合CSS美化样式，提升交互体验；四、采用GET方法将数据附加于URL后，适用于搜索等非敏感信息提交，便于调试但受限于长度；五、使用POST方法隐藏数据于请求体中，保障密码、文件等敏感信息传输安
2025-12-03 16:47:02
932
写的html代码怎么在服务器上运行_服务器运行html代码方法【教程】 答案：通过Apache、Nginx、Node.js或Python可部署HTML文件。1、Apache需安装并配置/var/www/html/目录，启动服务后访问IP即可浏览页面。2、Nginx安装后将文件放入/usr/share/nginx/html/，启动并启用开机自启，通过公网IP查看内容。3、Node.js需编写server.js文件，使用http模块监听端口，运行nodeserver.js后通过IP:3000访问。4、Python执行python3-mhttp.server8000命令，
2025-12-03 16:43:47
878
手机上的html开发怎么运行_手机端html开发运行步骤【教程】 手机上可进行HTML开发与运行，适合学习和临时修改。首先安装支持语法高亮的编辑器如SpckEditor或Acode；然后新建index.html文件并编写代码；接着通过浏览器输入file:///路径或用文件管理器打开预览页面；最后可借助Spck或Acode的LiveServer实现边改边看的实时预览效果，提升效率。
2025-12-03 16:38:02
192
手机怎么使html运行_手机运行html方法【教程】 手机运行HTML文件可通过四种方法实现：1.用浏览器直接打开本地HTML文件，适合查看页面效果；2.使用HTMLEditor、Dcoder等代码编辑App，支持编辑与实时预览；3.借助JSFiddle、CodePen等在线平台编写并运行代码，便于快速测试与分享；4.在Termux中搭建本地服务器运行HTML，适用于需服务器环境的进阶功能。普通用户推荐浏览器打开，开发者可选编辑器或服务器方案。
2025-12-03 16:37:02
365
制作html怎么运行常规命令_制作html运行常规命令法【教程】 答案：通过Node.js、Electron或PythonFlask等中间层技术，可在本地环境中实现HTML页面运行系统命令。首先利用JavaScript发送请求，由后端执行命令并返回结果，需严格防范安全风险。
2025-12-03 16:35:02
964
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部