如何使用HTML5实现滚动条滑动效果
发表于:2025-01-18 作者:千家信息网编辑
千家信息网最后更新 2025年01月18日,这篇文章将为大家详细讲解有关如何使用HTML5实现滚动条滑动效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。背景图铺满页面,他要求有滚动条可以滑动,他给我讲的思路
千家信息网最后更新 2025年01月18日如何使用HTML5实现滚动条滑动效果
这篇文章将为大家详细讲解有关如何使用HTML5实现滚动条滑动效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
背景图铺满页面,他要求有滚动条可以滑动,他给我讲的思路是用js 获取背景图片的高,在获取当前窗口的高,两者比较,当窗口的高小于背景图片的高,把窗口的高设置成背景颜色的高。反之就是窗口的高。 感觉太麻烦,用css就可以实现他的要求:
长背景图测试/title>
这是网上找的代码。
我改动了下:
body{ background: -webkit-linear-gradient(to bottom , #699eef, #8e92ef); background: -o-linear-gradient(to bottom , #699eef, #8e92ef); background: -moz-linear-gradient(to bottom , #699eef, #8e92ef); background: linear-gradient(to bottom , #699eef, #8e92ef); }.app { width: 100%; /* height:900px; */ min-height: 120vh; /* position: fixed; */ /* top: 0; */ /* left: 0; */ background: url('../../images/bg.jpg') no-repeat; background-size: 100% auto; }
给body加了个跟图片颜色一样的背景色
解决问题。
关于"如何使用HTML5实现滚动条滑动效果"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
背景
方案
图片
篇文章
效果
更多
背景图片
颜色
测试
不错
实用
两个
代码
关键
内容
同时
就是
属性
思路
感觉
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
融媒体中心网络技术人员实操
C 直接调用数据库文件
北京钱包互联网科技公司
软件开发专业找工作
关于网络安全的认知实习报告
软件开发与销售的收入成本核算
建设工程软件开发工业园
中国企业协会网络安全专刊
数据字典对软件开发有影响吗
数据库设计是否要加冗余字段
做好网络安全的预警及防护工作
服务器端每个角色使用一个线程
剑灵服务器断开1000
山西吕梁网络安全演习
福建弹性云服务器虚拟主机
网络技术员在国企都干啥
软件开发行业的简述
新乡优创网络技术
摄像机连接无线网无法连接服务器
重庆惠普服务器维修维保费用
高等学校网络安全现状
sql怎样附加数据库文件
hive查找第一行数据库
rac 多套数据库
数据库质疑怎么找回
非法网络电视 网络安全法
佛山千量网络技术有限公司
网络安全是基石
socket服务器错误
长宁区网络软件开发活动方案