51Dev开发社区
登录 注册

#滚动

vue-countTo 数字滚动插件
很好用的数字滚动插件vue-countTonpm安装npmivue-count-to使用<template><countTo:startVal="startVal":endVal="endVal":duration="3000"></countTo></template>...
代码星球 ·2020-04-10

vue滚动条插件happy-scroll
安装vue-happy-scrollnpminstallvue-happy-scroll--save-dev注册组件在main.js文件中引入//滚动条import'vue-happy-scroll/docs/happy-scroll.css'importHappyScrollfrom'vue-happy-scroll...
代码星球 ·2020-04-10

textarea 滚动条属性设置
转载：http://www.cnblogs.com/JensonBin/archive/2011/02/23/1962099.htmlscrollbar属性、样式详解1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条）   overflow-x水平方向内容溢出时的设置&nb...
代码星球 ·2020-04-10

两个文字向上滚动案列
<html><head><styletype="text/css">#demo{font-size:normal14px;line-height:7px;height:100px;width:200px;overflow:hidden;border:4pxsolid#ddd;text...
代码星球 ·2020-04-10

js实现表格无缝滚动效果
<!doctypehtml><html><head><metacharset="utf-8"><title>table表格无缝向上滚动</title><scriptsrc="http://libs.baidu.com/jquery/1.11....
代码星球 ·2020-04-09

jquery滚动条
查看demo：下载Demo ...
代码星球 ·2020-04-09

自定义的滚动条滚动区
Demo查看：demo<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><style>body{margin:0;}#box{height:4000px;}#b...
代码星球 ·2020-04-09

固定边栏——淘宝滚动效果
  点击查看Demo<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><style>*{margin:0;padding:0;}.m...
代码星球 ·2020-04-09

弹出框始终保持居中（包括有滚动条和窗体缩放时）
之前写的代码，都是在当前窗口位于居中，可是一旦窗口缩小或者放大都不是位于居中的位置了，但是一直想写的一个类似于alert弹出窗口的效果。原理很简单：获取当前屏幕（窗体）的宽度和高度，因为不同浏览器的窗体大小是不一样的。有了这个，可以计算出来横向居中和垂直居中的坐标。但是滑动了滚动条怎么依然横向居中和垂直居中呢？这个时候...
代码星球 ·2020-04-09

自定义滚动条
一般来说，我们都很清楚ie专属的几个属性可以自定义滚动条的 SCROLLBAR-FACE-COLOR:滚动条凸出部分的颜色SCROLLBAR-HIGHLIGHT-COLOR:滚动条空白部分的颜色SCROLLBAR-SHADOW-COLOR:立体滚动条阴影的颜色SCROLLBAR-3DLIGHT-COLOR:滚...
代码星球 ·2020-04-09

jquery滚动条插件nanoscroller的应用
默认的滚动条的样式，各个版本的兼容性不是很好， 推荐一款jQuery 插件nanoscroller，可以自定义滚动条的样式。应用：1.引入样式 nanoscroller.css<linkrel="stylesheet"href="nanoscroller.css">在页面中自定...
代码星球 ·2020-04-08

修改滚动条样式
/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{width:.04rem;height:.02rem;}/*滚动条的滑轨背景颜色*/::-webkit-scrollbar-track{background-color:#fff;border-radius:5px;}/*滑...
代码星球 ·2020-04-08

js控制滚动条在内容更新超出时自动滚到底部
//滚动条在内容更新时自动滚到底部varmessage=document.getElementById('message');message.scrollTop=message.scrollHeight;...
代码星球 ·2020-04-08

JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
$(window).height();//浏览器时下窗口可视区域高度$(document).height();//浏览器时下窗口文档的高度($(document.body).height();//浏览器时下窗口文档body的高度$(document.body).outerHeight(true);//浏览器时下窗口文档...
代码星球 ·2020-04-08

touch-action css属性 滚动和缩放手势
CSS属性touch-action用于指定某个给定的区域是否允许用户操作，以及如何响应用户操作(比如浏览器自带的划动，缩放等)默认情况下，平移(滚动)和缩放手势由浏览器专门处理。该属性用于取消浏览器默认手势行为，开发人员自定义滚动和手势行为。touch-action的值：auto:当触控事件发送在元素上时，由浏览器来决...
代码星球 ·2020-04-08
首页上一页...1617181920...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他