Wangdr的博客

传送门

input失焦后给body设置滚动距离$('input').blur(()=>{ var scrollbox = $('body'); var sheight = scrollbox.scrollTop(); scrollbox.scrollTop(sheight - 10); setTimeout(function(){ scrollbox.scrollTop(sheight); },100) })

1、将导航+状态栏拆出来做个公共组件（此处只贴出状态栏的高度） <div class="status-bar" v-else :style="'height(statusHeight/75)+'rem'"></div>2、获取高度、赋值移动端通过ua信息传递（安卓手机的全面屏有些特殊，所以单独做了些处理，具体看代码）//判断屏幕是否为全面屏export function statusHeight(){ function judgeBigScreen() {

一、微信二次分享微信sdk<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> //微信二次分享 $.get("后台接口", {"url":encodeURIComponent(location.href)...

作为网站开发者和站长，希望网站的访问用户都以极速模式打开网站，也是可以实现的，我们可以使用双核浏览器提供的meta标签去实现。1.我们只需要在 标签后面添加一段代码即可，如下所示：<meta name="renderer" content="webkit"/>2.需要注意的是，这个meta并非所有环境都通用，为了兼容所有双核浏览器及所有运行环境，建议使用这段代码。默认使用极...

//全屏按钮 video::-webkit-media-controls-fullscreen-button { // display: none; } //播放按钮 video::-webkit-media-controls-play-button { } //进度条 video::-webkit-media-control...

之前写代码的时候遇到一个问题，就是用了下面这段css代码来让文字超出范围隐藏并显示省略号。overflow:hidden;/*超出隐藏*/text-overflow:ellipsis;/*文本溢出时显示省略标记*/display:-webkit-box;/*设置弹性盒模型*/-webkit-line-clamp:1;/*文本占的行数,如果要设置2行加...则设置为2*/-webkit-b...

页面滚动到一定位置数字开始滚动源代码https://github.com/danru123/numScroll github地址

<style> #flex{ display: flex; background-color: skyblue; height: 100px; line-height: 100px; } #left,.right{ ...

function getLocation(){ if (navigator.geolocation){ navigator.geolocation.getCurrentPosition(showPosition,showError); }else{ alert("浏览器不支持地理定位。"); } } //获取用户地理位置失败时的一些错误代码处理方式fu...

使用静态资源的html5shiv包：<!--[if lt IE 9]> <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script><![endif]-->

一般情况下：<video width="320" height="240" controls="controls">但是有的时候发现设置了视频的高度却并没有发生变化，我们可以设置其父元素的宽高，让video填充满父元素。只要给video标签加上style="width= 100%; height=100%; object-fit: fill"即可。object-fit语法ob...