web开发 小方法1-禁止横向滚动

最近学了学做了个公司的网站  总结了一些小方法

比如取消横向滚动条并禁止的横向滚动

这样就可以吧超出的切掉让网页更和谐

在body 标签

body{
text-align: center;
overflow:scroll;
overflow-x:hidden
}

加入该代码就行  overflow属性详情可以去 w3cSchool 或者菜鸟教程

时间: 2024-12-28 13:38:12

web开发 小方法1-禁止横向滚动的相关文章

web开发 小方法2-字体设置

font-size 字体大小 直接给  (任意px) 就可以 font-family:"微软雅黑";   这个里面可以给多个用空格区分 按照先后优先级使用 当没有第一个字体的时候会用第二个 font-weight  字体粗细 直接偷个表 值 描述 normal 默认值.定义标准的字符. bold 定义粗体字符. bolder 定义更粗的字符. lighter 定义更细的字符. 100 200 300 400 500 600 700 800 900 定义由粗到细的字符.400 等同于 n

微信小程序实现(禁止页面滚动、长按复制)

1. 禁止页面滚动对于小程序某些一屏的页面,特别是全屏的swiper,并不希望页面在竖直方向上可以滚动. 实现方式:在需要禁止滚动页面的json中加入: "disableScroll": true 1 注意:只在页面配置中有效,无法再app.json中设置该项 参考:https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#页面配置 2. 长按复制 <text class='copy_conten

【转】移动Web开发-点击事件及页面滚动

点击事件 移动端浏览器点击事件默认有300ms的延迟 移动端实现弹性滚动 安卓局部滚动 滚动条出现bug,解决方案:Android只是用全局滚动 模拟全局滚动,加上padding-top及padding-bottom 键盘定制 自动纠错关闭

移动web开发中自己遇到的三个小题及解决方法

大家好! 这是我第二次写随笔感想,有不足之处希望大家提出,我也算的上一个小白,自己进入前端行业也刚刚半年,在这里半年里我遇到一个技术大牛的好领导,让我在项目中学到很多,想和大家分享一下! 一. 移动端禁止选中内容 如果你不想用户可以选中页面中的内容,那么你可以在css中禁掉: .user-select-none { -webkit-user-select: none;  /* Chrome all / Safari all */ -moz-user-select: none;     /* Fi

web开发中常见的安全漏洞及避免方法

1.安全攻击 1.SQL.HTML.JS.OS命令注入 2.XSS跨站脚本攻击,利用站内信任的用户,在web页面插入恶意script代码 3.CSRF跨站请求伪造,通过伪装来自信任用户的请求来利用受信任的网站. 4.目录遍历漏洞 5.参数篡改 6.会话劫持 2.防止攻击的措施总结 1) 对用户输入的数据进行全面安全检查或过滤,尤其注意检查是否包含SQL 或XSS特殊字符. 验证用户输入的数据,包括值.类型.范围等等,用验证控件进行验证 RequiredFieldValidator RangeVa

WEB开发中一些常见的攻击方式及简单的防御方法

WEB开发中一些常见的攻击方式及简单的防御方法 20151127 转载http://www.lvtao.net/dev/582.html SQL注入最常见的攻击方式,所谓SQL注入,就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶意的SQL命令,比如先前的很多影视网站泄露VIP会员密码大多就是通过WEB表单递交查询字符暴出的,这类表单特别容易受到SQL注入式攻击. 跨站脚本攻击(XSS)跨站脚本攻击(也称为XSS)指利用网站漏洞从用户那里恶意盗取

小程序横向滚动

在微信小程序应用的越来越多的今天,写小程序的程序员也越来越多了,本人也是刚写完微信小程序,在开发的时候也遇到一些坑,今天先写一下前几天刚遇到的问题: 相信在微信小程序中横向滚动应该是经常用到的,这一点在小程序的官方文档里也是写的比较清楚了,只要用scroll-view这个组件就可以做到, <view class="container"> <view class="section__title">horizontal scroll</vi

Web开发常规调试方法与常见问题分析

一.Web项目基本原理 现在的web项目大都已经前后端独立开发与部署. 前后端独立开发,一般是前端与后端通过web接口(常见的有RESTful与websocket)文档进行交流.前端开发人员先更具业务需求与实际原型进行ui的编程实现与事件的设计,并通过web接口进行业务数据的增删改查.后端开发人员根据定义的接口文档,实现业务数据的计算与增删改查,并对持久化的数据(一般保存在数据库里)进行操作. 前后端独立部署,前端项目均为html5/css/javascript/图片等静态资源,只需要web服务

微信小程序-scroll-view横向滚动和上拉加载

今天介绍微信小程序中scroll-view实现横向滚动和上拉加载的实现及需要注意的地方. 先看最终效果. 横向滚动 1.设置滚动项display:inline-block; 2.设置滚动视图容器white-space: nowrap; 3.滚动项不要用float 为什么会有以上三点要求呢? 其实横向滚动官方文档中是没有做太多说明的,只说明需要定义scroll-view滚动方向scroll-x=true允许横向滚动,但是我在实践的时候我发现,你要横向滚动,首先你得是一排吧.所以才发现需要定义滚动项