社区
HTML5
帖子详情
部分手机部分浏览器滚动抽奖效果不对齐[jquery animate()实现的滚动效果]
Healerblack
2017-12-22 09:53:07
百分比布局页面使用jquery animate()方法实现老虎机滚动抽奖,在谷歌上调试没问题,但是在安卓手机不同浏览器测试的实际情况各不相同,部分手机部分浏览器滚动异常,固定大小布局的页面在移动端就不存在这种问题(temp就是一个纵列的高度,总共四个纵列,用的是背景图实现的效果)
测试主要用的华为、魅族、小米手机,浏览器用的是QQ浏览器、手机自带浏览器和UC浏览器
【不能使用自适应布局rem和vw、vh】
...全文
436
3
打赏
收藏
部分手机部分浏览器滚动抽奖效果不对齐[jquery animate()实现的滚动效果]
百分比布局页面使用jquery animate()方法实现老虎机滚动抽奖,在谷歌上调试没问题,但是在安卓手机不同浏览器测试的实际情况各不相同,部分手机部分浏览器滚动异常,固定大小布局的页面在移动端就不存在这种问题(temp就是一个纵列的高度,总共四个纵列,用的是背景图实现的效果) 测试主要用的华为、魅族、小米手机,浏览器用的是QQ浏览器、手机自带浏览器和UC浏览器 【不能使用自适应布局rem和vw、vh】
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
Healerblack
2017-12-22
打赏
举报
回复
/* 抽奖滚动区域 */ .main_bg .main .num_box{width: 100%;height: 80%;position:absolute;left: 0;top: 0;background: url("../../images/award/draw.png");background-repeat: no-repeat;background-size: 100% 100%;} .main_bg .main .num_box .num{background:url("../../images/award/c7.png") top center repeat-y;background-size: 100% 160%;width: 21%;height: 85.8%;border: 1px solid red;}/* border: 1px solid red; */ .main_bg .main .num_box #num1{position: absolute;top: 6.7%;left: 6.8%;} .main_bg .main .num_box #num2{position: absolute;top: 6.7%;left: 28.8%;} .main_bg .main .num_box #num3{position: absolute;top: 6.7%;left: 50.7%;} .main_bg .main .num_box #num4{position: absolute;top: 6.7%;left: 72.6%;} 带边框的div是 .num_box 四个滚动条对应的是#num1、2、3、4
Healerblack
2017-12-22
打赏
举报
回复
Healerblack
2017-12-22
打赏
举报
回复
抽奖
动画 - lao虎机
抽奖
,手把手教你做一个
抽奖
机软件
本文介绍一个lao虎机
抽奖
动画的
实现
,lao虎机
抽奖
在各类商家营销活动中非常常见,这里主要介绍动画的
实现
过程,其他细节不做详细分析。 1. 需求 UI给到的蓝湖如下截图1 图1 三栏图片,每栏图片是一样的,都...
抽奖
动画 - lao虎机
抽奖
本文介绍一个lao虎机
抽奖
动画的
实现
,lao虎机
抽奖
在各类商家营销活动中非常常见,这里主要介绍动画的
实现
过程,其他细节不做详细分析。 ps:lao虎机是敏感词,博客园的富文本和markdown编辑器都限制不允许出现,...
jQuery
的一些动画案例
本文主要写了几个关于
jQuery
的案例,有
手机
银行卡的tab切换,手风琴菜单栏制作,手风琴图片展示,淡入淡出图片展示,塔罗钟表以及九宫格
抽奖
块的制作。
如何是我们的
手机
浏览器
也使用weUi的
手机
样式框架
使用方法,引入微信UI库即可,此次没用使用zepto.js,而是使用
jquery
,原理都一样 看之前尽量参考一下官方源码 <!DOCTYPE html> < html > < head > < meta charset = "UTF...
HTML+CSS+JS+
jQuery
学习笔记
超出自动显示
滚动
条,不超出不显示
滚动
条 overflow:hidden; 一大堆文字,溢出
部分
隐藏 overflow:scroll; 不管是否超出内容,总是显示
滚动
条 overflow:visible; 这个是默认,没啥用一大堆文字,溢出
部分
就默认直接...
HTML5
39,084
社区成员
5,548
社区内容
发帖
与我相关
我的任务
HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
复制链接
扫一扫
分享
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章