51Dev开发社区
登录 注册

#滚动条

滚动歌词制作 之 ncm格式转mp3
导读BesLyric可以将ncm格式转MP3了！前几天有网友到我的博客下评论说现在会员才能下载下来的音乐发现后缀是ncm，没法使用Beslyric来制作歌词，昨天升级了一下软件，将ncm文件在软件内“转”成mp3,现在软件可以直接选择ncm文件来制作歌词啦！本文主要介绍如何使用BesLyric选...
代码星球 ·2020-04-12

原生js实现tab选项卡里内嵌图片滚动特效代码
<!DOCTYPEHTML><htmllang="en-US"><head><metacharset="UTF-8"><title>原生js实现tab选项卡里内嵌图片滚动特效代码</title><metaname="keywords"cont...
代码星球 ·2020-04-11

手写JS无缝滚动插件
<!DOCTYPEhtml><htmllang="en"><head>   <metacharset="UTF-8">   <title>无缝滚动</title>  &...
代码星球 ·2020-04-11

js获取元素的滚动高度，和距离顶部的高度
jq： 获取浏览器显示区域（可视区域）的高度：$(window).height();获取浏览器显示区域（可视区域）的宽度：$(window).width();获取页面的文档高度$(document).height();获取页面的文档宽度：$(document).width();浏览器当前窗口文档body的高度...
代码星球 ·2020-04-10

bootstrap-table使用stickyHeader固定表头时，表头不跟随表体水平滚动问题解决
解决方法：onAll:function(){//修复stickyHeader表头不跟随表体水平滚动的问题if(params.stickyHeader){varfixedTableBody=$(target).parents('div.fixed-table-body').on('scroll',function(){$...
代码星球 ·2020-04-10

iframe在ios上不能滚动问题解决
同这篇文章一样，用到了-webkit-overflow-scrolling:touch;属性。主要解决方案是在iframe外层添加一个div，然后设置-webkit-overflow-scrolling属性。例如：<divclass="content-iframe-wrapper"><iframefr...
代码星球 ·2020-04-10

移动端滚动不流畅问题
正常的移动端上下滑动，松开手指页面还会速度递减的再滑动一段距离，但是有时候会出现手指松开滑动就停止的情况，导致页面出现卡顿的现象。出现的原因大多数是因为加了：overflow:auto;可以在添加了overflow:auto;的元素上再添加下面的属性解决：-webkit-overflow-scrolling:touch...
代码星球 ·2020-04-10

JS让任意图片垂直水平居中且页面不滚动
 说一下以前遇到的一个问题：    假设有一张小图，要实现点击查看大图的功能，而这个图的宽高可能会超过浏览器的宽高，这时候我们通过JS来改变图片的宽高，从而实现图片在浏览器居中显示且不滚屏。方法如下：    首先你要给小图添加一个...
代码星球 ·2020-04-10

让textarea完全显示文章并且不滚动、不可拖拽、不可编辑
textarea{　　width:100%;　　border:none;　　outline:none;　　resize:none;　　overflow:hidden;　　padding-bottom:100%;　　background-color:inherit;}<textareareadonly="reado...
代码星球 ·2020-04-10

Jquery 数字滚动兼容小数
html<divclass="number"></div>js$('.number').text("999");//设置页面中要显示的数字$('.number').leoTextAnimate({delay:200,autorun:true,fixed:[',',':','.'],start:'...
代码星球 ·2020-04-10

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

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

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