响应式网页设计，通俗的说，就是适配电脑，平板，手机等不同设备的屏幕，对布局和外观进行合适的调整，以达到同一网页在不同设备，也有更好的用户体验。
为了达到这一体验，联想到的技术便是媒体查询。但响应式设计，并不是单独的媒体查询技术，而是一种Web设计方式，是由一系列技术组成的最佳实践。
下面会从两个方面和大家分享响应式设计。
2024年11月01日
响应式网页设计，通俗的说，就是适配电脑，平板，手机等不同设备的屏幕，对布局和外观进行合适的调整，以达到同一网页在不同设备，也有更好的用户体验。
为了达到这一体验，联想到的技术便是媒体查询。但响应式设计，并不是单独的媒体查询技术，而是一种Web设计方式，是由一系列技术组成的最佳实践。
下面会从两个方面和大家分享响应式设计。
2024年11月01日
在做企业网站的时候，经常能碰到这样的情况：在某个区域显示供应商或者是合作伙伴的图标，以显示公司的可靠性。
滚动显示合作伙伴
效果如上图显示，两边的黄线是为了突出显示，实际应用中请自己设置。
如何实现的呢？
1、自己写jquery或者javascript实现，当然可以。不建议这样做（大神除外），当然如果发生兼容性问题的时候，不得不自己写。
2、使用现成的插件实现，好多；今天我们就用一款国外比较流行的插件：owl.carousel.min.js来实现。
2024年11月01日
前段时间接手了一个新的项目，使用的React+antd的技术栈，最近在正式做第一期的需求了，自己也开始使用蚂蚁的antd了，自己之前用Vue的时候是用过饿了么的Element-ui，想着这类用法应该都大同小异的，但是自己还是遇到了坑。。。
2024年11月01日
当页面长度超过一页屏幕时，如果需要定位的元素在下一屏幕，直接定位会报错：元素不可见。这时候就需要滑动浏览器的滚动条，滑动到该元素的页面再进行定位才可以成功。滚动条在selenium中没有直接的操作方法，需要使用js并结合selenium提供的execute_script()方法，达到操作滚动条的目的。
介绍还是使用腾讯企业邮箱，查看已删除目录下的删信记录查询中登陆查询信息很多，需要上下滑动滚动条进行查看。
企业邮箱页面
2024年11月01日
纯 CSS 和 JS 的原生平滑滚动
你想要一个平滑的滚动吗？ 忘记 JQuery，我们已经过去了。 让我向您介绍我们的原生平滑滚动工具。
CSS 滚动行为
CSS scroll-behavior 属性接受三个值之一 - 实际上是两个值，因为其中一个已被弃用。
2024年11月01日
html页面中body内容多了后浏览器就会出现滚动条，页面右边就会出现有一小部分被纵向滚动条遮挡，横向滚动条也出现。body的margin与padding都设为0，要怎样处理页面才只出现纵向滚动条，而不出现横向滚动条呢？
方法一：
2024年11月01日
nicescroll 滚动条插件是一个非常强大的基于 jQuery 的滚动条插件，不需要增加额外的css，几乎全浏览器兼容。ie6+，实现只需要一段代码，侵入性非常小，样式可完全自定义，支持触摸事件，可在触摸屏上使用。
强大的不能让你呼吸！兼容、适配、美观都是那么完美！一起体验一下它的酣畅淋漓！