html5滚动页面简单写法

最新推荐文章于 2024-05-16 18:16:14 发布
最新推荐文章于 2024-05-16 18:16:14 发布
阅读量1.7k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oMiracle123/article/details/54573439
版权 
html5滚动页面简单写法
纵向滚动比较简单

直接在外面加个高度 然后overflow-y: auto;

 横向比较复杂了
外面写两层 
最外面一层写个宽度 overflow-x: auto;
第二层 写width:10000rem无限大 


查看原文：http://newmiracle.cn/?p=1041
「已注销」
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实时获取浏览器滚动条高度（兼容写法）
猿小白的博客
08-27 1687
目录 一、js版本写法 二、jquery版本写法 一、js版本写法 <script type="text/javascript"> window.onscroll = function() { //获取滚动条到顶部的垂直高度 var scrollHigh = document.documentElement.scrollTop || document.body.scrollTop; console.log(scrollHigh) } </script>
html鼠标滚动实现页面切换,实现鼠标滚动一下页面就上下翻一页的效果
weixin_36064196的博客
06-10 4751
Document*{margin: 0;padding: 0;}html,body{width: 100%;height: 100%;}.page{height: 100%;width: 100%;font-size: 126px;display: -webkit-box; /*Safari*/display: -moz-box; /*Firefox*/display: -ms-flexbox; ...
html 简单的网页横向滚动
weixin_64261457的博客
05-16 686
* Webkit浏览器 *//* 隐藏滚动条 */
html自定义横纵向滚动条,详解css3自定义滚动条样式写法
weixin_39607447的博客
05-31 647
本文介绍了css3自定义滚动条样式写法，分享给大家，具体如下：先简单介绍一下各个属性::-webkit-scrollbar ：滚动条整体部分，其中的属性有width,height,background,border等。::-webkit-scrollbar-button ：滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。::-webkit-scro...
JavaScriptH5移动端滚动加载下一页(附带防抖函数,原生写法,JQuery写法)
词不达意难知的博客
09-16 3518
原生写法 <script> /** * 防抖函数 * @param method 事件触发的操作 * @param delay 触发之后多长时间后执行 * @returns {Function} */ function debounce(method, delay) { let timer = null; return function () { let self = this, args = argum
手机html设纵向滚动条,html滚动条
weixin_34072734的博客
06-03 3168
手机评站网今天精心准备的是《html滚动条》，下面是详解！HTML滚动条的属性scrollbar，这个有哪些属性...scrollbar，这个有哪些属性1．overflow内容溢出时的设置(设定被设定对象是否显示滚动条)overflow-x水平方向内容溢出时的设置overflow-y垂直方向内容溢出时的设置以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2．...
jquery向上滚动页面的写法
newmiracle学习天地
05-22 2438
jquery向上滚动页面的写法 $('.arrow_top').on('click',function () { $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body'); $body.animate({
获取滚动条滚动距离兼容写法
weixin_45162984的博客
11-23 437
在chrome中，浏览器的滚动条是属于body的，可以通过 document.body.scrollTop来获取垂直滚动距离， document.body.scrollLeft来获取水平滚动距离， 火狐等浏览器中，浏览器的滚动条是属于html的，通过 document.documentElement.scrollTop来获取垂直滚动距离， document.documentElement.scrollLeft来获取垂直滚动距离， 兼容写法应该是 var top = document.documentElem
html+监听+页面滚动到底部,js 监听页面滚动到底部
weixin_29306261的博客
06-03 437
直接上代码两种写法1、jqueryDocument#contain{border: 1px solid pink;width: 100%;height: 300px;overflow: auto;}12345678。。。。。。。。。。。。。。。。198199200scrollBottomTest =function(){$("#contain").scroll(function(){var $th...
【H5】文字横向滚动
记录我的学习路线
11-22 1723
H5文字滚动小练习
JavaScript-html标题滚动效果的简单实现
10-21
标题滚动效果是网页设计中常见的动态展示方式，它能让页面标题在一定时间内自动滚动播放，增加视觉吸引力。本文将详细介绍如何使用JavaScript和HTML实现简单的标题滚动效果。 首先，我们需要一个HTML文档结构作为...
Web前端基础：HTML5超链接标签.pptx
05-06
例如，链接到同一文件夹内的`chapter2-4-特殊符号.html`，相对路径写法为`href="chapter2-4-特殊符号.html"`。 2. **链接类型** - **外部链接**：当`href`属性包含完整的URL（如`http://www.example.com`）时，...
基于html5的canvas实现的股票k线图，均线图，KDJ技术指标.zip
02-13
在IT行业中，HTML5是一种强大的网页开发语言，它极大地扩展了HTML4的功能，尤其是在多媒体、图形和交互性方面。本项目“基于html5的canvas实现的股票K线图，均线图，KDJ技术指标”正是利用了HTML5的先进特性，特别是...
简单的jQuery横向滚动时间轴代码
06-10
总结，这个“简单的jQuery横向滚动时间轴代码”项目是一个结合了HTML、CSS和JavaScript的实例，展示了如何利用jQuery来创建动态的、用户交互的时间线展示。它不仅提供了一个实用的界面组件，同时也展示了Web开发中的...
h5day1.docx
05-17
### HTML5基础知识详解 #### 一、HTML5标签与闭合方式 HTML5中的标签是构建网页的基础元素，它们被包含在尖括号`<>`之中。为了保持文档的完整性和逻辑性，大部分标签需要进行闭合。标签的闭合方式主要分为两大类：...
基于python开发的居民区电动汽车TOPSIS有序充电仿真+源码解析+项目文档+仿真（毕业设计&课程设计&项目开发）
最新发布
08-06
基于python开发的居民区电动汽车TOPSIS有序充电仿真+源码解析+项目文档+仿真，适合毕业设计、课程设计、项目开发。项目源码已经过严格测试，可以放心参考并在此基础上延申使用，详情见md文档~ 项目简介： "Simulation.md" 为代码解析说明文档 "仿真过程.py" 为仿真过程代码 "cargo.txt" 为随机生成的电动汽车出行数据，格式为[离开时间，回来时间，是否出行，剩余电量百分比]，其中是否出行 1表示出行，0表示不出行 "cargo.py" 为生成电动汽车出行数据代码 "carimf.txt" 为电动汽车信息初始化数据，格式为[序号，电池容量，慢充时间，最大行驶里程，慢充每15分钟增加电量百分比] "price.txt" 为时间价格表，格式为[时间，时段，电价]，其中，时段1表示峰时，时段2表示谷时，时段3表示平时 "drawpic.py" 为绘图函数 "小区居民日常负荷数据.txt" 为通过蒙特卡洛方法生成的小区居民日常负荷数据，格式为[时间，负荷]
【流程管理】LTC流程介绍.pptx
08-06
【流程管理】LTC流程介绍.pptx
libmavsdk-server.so-debug-202408062018-wk-proto-ok
08-06
libmavsdk_server.so_debug_202408062018_wk_proto_ok
html中目的地选择器的写法
06-09
它可以让用户在同一页面内快速跳转到指定位置，而不需要滚动页面。它的写法如下： 在需要跳转到的目标位置处添加一个id属性，例如： ``` <h2 id="section1">Section 1 ``` 然后在跳转链接处使用锚点链接，例如： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值