2018年07月_tb3706666

11月 10月 09月 08月 07月 04月 03月

转载 3种方法实现CSS隐藏滚动条并可以滚动内容

隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。方法1：计算滚动条宽度并隐藏起来代码如下：<div class="outer-container"> <div class="inner-container">...

2018-07-13 15:50:38 1670

转载颜色值rgb与16进制color转换

颜色值之间的转换js代码。十六进制与RGB转换//十六进制颜色值的正则表达式var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;/*RGB颜色转换为16进制*/String.prototype.colorHex = function(){ var that = this; if(/^(rgb|RGB)/.test(that...

2018-07-13 15:24:27 2975

转载微信小程序图片自适应，支持多图

微信小程序图片自适应，是一个比较常见的需求，平时我们在WEBView中，只需要设置max-width:100%.在微信里面虽然widthFix也能实现，但有一个缺陷就是图片的宽度值要大于或者等于设定的值，否则就会发生拉伸变形，本文通过另外一种来适应。首先我们来看看图片组件给的一些说明：属性名类型默认值说明 src String 图片资源地...

2018-07-13 15:20:50 1698

转载手机端页面在项目中遇到的一些问题及解决办法

1.解决页面使用overflow: scroll在ios上滑动卡顿的问题？首先你可能会给页面的html和body增加了height: 100%, 然后就可能造成IOS上页面滑动的卡顿问题。解决方案是： (1) 看是否能把body和html的height: 100%去除掉。 (2) 在滚动的容器中增加：-webkit-overflow-scrolling: touch或者给body增加：bo...

2018-07-13 15:05:30 1088

转载移动前端适配方法总结

所谓前端适配，就是为了让移动设计稿在大部分的移动设备上看起来有一致的展示效果，目前比较流行的方法有两种。各有利弊，使用第一种在某些浏览器的webview里面会出现兼容问题，而且对于1像素会无法渲染。而用rem的方案在背景和字体上也会有某些问题。方案一：强制meta viewport的宽度为设计稿的宽度把下面的代码放在头部，然后制作稿跟PC上一样的制作就行// 根据设计稿的宽度来传参...

2018-07-13 14:52:26 341