一、页面布局目标效果： 1、页面构成： 顶部导航 banner 左侧导航 主要内容区（消息区/中间二级导航+内容区） 底部信息 2、顶部导航： 始终固定在窗体顶部，不随滚动条滚动 3、banner 多张图片循环滚动 滚动间隔5s 4、左侧导航 固定宽度260 5、主要内容区 固定宽度：1280-26 ...
分类：
其他好文 时间：
2018-06-11 20:28:04
阅读次数：
148
前言 有一些浏览器事件我们不希望它很频繁的触发，如调整窗口大小(onresize)、监听滚动条滚动(onscroll)，如果这些监听事件需要调用接口的话一秒内可能会调用上百次，这样坑定是有问题的。 函数防抖（debounce） 如果有人进电梯（触发事件），那电梯将在10秒钟后出发（执行事件监听器）， ...
分类：
其他好文 时间：
2018-06-09 16:43:18
阅读次数：
152
1、获取滚动条滚动的距离 document.documentElement.scrollTop || document.body.scrollTop 2、获取非行间样式 function getStyle(obj,attr){ if(obj.currentStyle){ return obj.cur ...
分类：
Web程序 时间：
2018-05-30 17:32:30
阅读次数：
200
相对浏览器，将指定div滚到到指定位置，其用法如下： ps:obj是需要定位的对象，speed是滚动的速度 然而如果需要相对某一个容器（称之div1），将其内部的div2滚动到相对div1的指定位置，用法如下： 其中div1是需要具有相对位置（position:relative或者position: ...
分类：
其他好文 时间：
2018-05-11 20:42:11
阅读次数：
279
我也查了很多资料，没有采取禁止滚动条的方式。 因为内层盒子滑到最底部就会开始滑动外层盒子的滚动条 解决方案 不然内层滚动条滚动到最底部 测试 兼容ie8+ 谷歌OK（其它浏览器没有测试） <style type="text/css"> .main{ overflow: auto; width: 40 ...
分类：
其他好文 时间：
2018-05-04 18:30:35
阅读次数：
480
1、显示窗体滚动条的方法怎样才能显示滚动条呢？这可以通过设置窗体的AutoScrollMinSize属性实现。this.AutoScrollMinSize=newSize(300,250);因为文档的面积为300×250像素，所以我们把AutoScrollMinSize的值设置为300×250，一旦工作区面积小于该值，窗体就会自动显示相应的滚动条。2、滚动条的坐标平移方法坐标平移的情况如图17-2
1. 前言 在写这篇文章之前，我理解的fixed元素是这样的：(摘自CSS布局基础) 固定定位与absolute定位类型类似，但它的相对移动的坐标是视图（屏幕内的网页窗口）本身。由于视图本身是固定的，它不会随浏览器窗口的滚动条滚动而变化，除非你在屏幕中移动浏览器窗口的屏幕位置，或改变浏览器窗口的显示 ...
分类：
其他好文 时间：
2018-04-03 10:52:41
阅读次数：
156
内容超出容器时，容器会出现滚动条，其自带的滚动条有时无法满足我们审美要求，那么我们可以通过css伪类来实现对滚动条的自定义。 首先我们要了解滚动条。滚动条从外观来看是由两部分组成：1，可以滑动的部分，我们叫它滑块2，滚动条的轨道，即滑块的轨道，一般来说滑块的颜色比轨道的颜色深。 滚动条的css样式主 ...
分类：
Web程序 时间：
2018-03-30 12:20:30
阅读次数：
357
当内容超出容器时，容器会出现滚动条，其自带的滚动条有时无法满足我们审美要求，那么我们可以通过css伪类来实现对滚动条的自定义。 首先我们要了解滚动条。滚动条从外观来看是由两部分组成：1，可以滑动的部分，我们叫它滑块2，滚动条的轨道，即滑块的轨道，一般来说滑块的颜色比轨道的颜色深。 滚动条的css样式 ...
分类：
Web程序 时间：
2018-02-22 16:42:41
阅读次数：
256
用Vue在移动端做滚动加载，使用mint-ui框架， InfiniteScroll指令loadmore组件，在uc浏览器和qq浏览器都无法触发。无奈我只能自己写了。 决定用vue 的自定义指令 写滚动加载。 核心的api document.body.scrollTop 滚动条滚动的距离 （这个有兼容 ...
分类：
其他好文 时间：
2018-02-12 15:15:27
阅读次数：
222
