相关搜索 >> scroll

  • 0223解决ios手机页面overflow scroll滑动很卡的问题阅读(10187)条2017/2/23 15:24:00

    今天在IOS系统上测试 web App的时候发现使用了position:fixed/absolute时,DIV容器里面下滑动没有像普通页面一样顺畅,手滑到哪就停到哪。感觉很卡一样,而安卓效果正常,算是一个bug。终于在网上找到了一个解决方法。 -webkit-overflow-scrolling:touch; 加上去后果然有用,也就是说DIV容器使用的定位属性引起的。当时效果是弹出一个层,body无滚动条,但是弹出层需要可以上下滑动。如果你也碰到了这个问题希望可以用这一句css代码帮...阅读全文

    Taget:bug ios 定位 web app 

  • 0708js的window.onscroll事件兼容各大浏览器!阅读(7230)条2016/7/8 16:54:41

    为窗口添加滚动条事件其实非常的简单,window.onscroll=function(){};注意在获取滚动条距离的时候谷歌不识别document.documentElement.scrollTop,必须要加上document.body.scrollTop;即var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;这样才能兼容各个浏览器! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...阅读全文

    Taget:js scroll 兼容 

  • 0401scrollfix置顶导航菜单插件阅读(9328)条2016/4/1 20:14:38

    1、前言本插件效果:随滚动条下拉浮动定位菜单,菜单固定到顶部。兼容了移动端+PC端(IE6+,chorme,firfox等主浏览器),使用起来特别方便。效果图如下:2、使用scrollfix插件;(function($) { $.fn.scrollfix = function(mtop, zindex, height) { var nav = $(this),obj=document.getElementById($(this).attr("id")), mtop = mtop, zindex = zindex, dftop = nav.offset().top,//dftop = nav.offse...阅读全文

    Taget:js 插件 菜单 scroll 

  • 0611iScroll5移动端框架滚动类 阅读(6571)条2015/6/11 16:16:43

    之所以iscroll会诞生,主要是因为无论是在以前的iphone、ipod、android 或是更早前的移动webkit都没有提供一种原生的方式来支持在一个固定高度的容器内滚动内容。 这个不幸的规则导致所有web-app要模拟成app的样子时,只能由一个绝对定位的header或是footer再加上一个可以内容的滚动的中间区域组成。  position:fixed在ios和android的使用,而ios4(4以及以前)系统以及以前的安卓系统(2.3及以前)并不支持position:fixed。这个问题可以使用iS...阅读全文

    Taget:插件 iscroll 移动端 框架 

  • 0529手机网站使用iscroll插件链接无法点击解决方案阅读(7488)条2015/5/29 15:12:29

    在网上下载iscroll之后,运行测试到第二个demo 时,在火狐上面运行非常好,但是当我用手机测试的时候,我发 现,div中链接无法点击,此在网上也找不到相对应的解决方案,于是再检查看看其他的例子是不是也不能点击的时候,click例子在眼前一亮,click 案例里面的链接是可以点击的,于是乎,我对比了两个例子的调用插件js,果然是js的原因myScroll = new IScroll('#wrapper'); click jsmyScroll = new IScroll('#wrapper',...阅读全文

    Taget:插件 iscroll 点击 

  • 1128nicescroll 漂亮的自定义滚动条插件阅读(22471)条2013/11/28 10:35:20

    Nicescroll 是一个 jquery 插件,用非常类似 ios/移动样式不错滚动条。文章最后附DEMO可以直接运行。本网站已经使用了这种滚动条特效!现在还支持水平滚动条 !容易使用解决方案有桌面、 平板电脑和电话设备自定义滚动条车型。它支持 Div、 Iframe、 文本区域、 和文档页 (身体) 滚动条。兼容性一览与所有的桌面浏览器兼容: 火狐 4 +,Chrome 5 + Safari 4 + (win/mac),Opera 10 + IE 6+。(所有 A 级浏览器)与移动设备兼容: iPad Iphone、 Androi...阅读全文

    Taget:js 滚动条 插件 

  • 0406height,clientHeight,scrollHeight,offsetHeight各自的区别阅读(6135)条2013/4/6 15:30:21

    我们来实现test中的onclick事件function justAtest(){ var test= document.getElementById("test"); var test2=document.getElementById("test2") var test3=document.getElementById("test3") var test4=document.getElementById("test4"); alert(test4.style.height); alert(test3.style.height); alert(test2.style.height) alert(test.style.height); ...阅读全文

    Taget:js height 

  • 0803js文字向左移动使用方便(scrollLeft)阅读(12790)条2012/8/3 20:39:36

    本文通过封装的形式对要滚动的容器进行处理,而且html只需要提供ID就可以了。js会自动进行处理但是容器必须提供宽度以免超出宽度而变形!封装后的JS比较方便使用方法如下:var elem = document.getElementById("scroll");var sc = new Scroll(elem);var elem2 = document.getElementById("scroll2");var sc = new Scroll(elem2);<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/...阅读全文

    Taget:文字 移动 scrollLeft 

当前第  1  页 / 共  1  页  总共8条记录  

1