滚动条样式属性,以及去掉移动端滚动条解决方案

第一部分:::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块,能上下左右移动(取决于是垂直滚动条还是水平滚动条) ::-webkit-scrollbar-track 滚动条的轨道(里面装有thumb) ::-webkit-scrollbar-button 滚动条轨

js禁止原生手机返回键(物理返回键)

在寻找按返回无法关闭遮罩的时候,找到这个。mark~$(document).ready(function() {   if (window.history && window.history.pushState) {     $(window).on('popstate', function () {        window.history.pushState('forw

禁止移动端缩放网站

之前一直是通过如下代码禁止缩放的,但对ios10+无效<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />后来发现添加一段js,对ios有效,甚至可以让有些

bootstrap/modal@v3.3.7浏览器回退操作modal遮罩未消失

前言本文所陈述的问题解决方案是技术栈基于angualr1.x,bootstrap/modal.js@v3.3.7版本下,所处理的问题。(项目中遇到的一个问题,作以记录。)什么样的问题?在基于上文所述的技术栈上所做的一个web端项目,在测试时被提出在有弹窗的界面上调出modal层,然后点击浏览器上的回退按钮。这个时候问题就来了,页面虽然成功返回至上一页,modal层却依然存在。。。如何解决?当按返回

CSS3 三状态带图标按钮

演示:https://wow.techbrood.com/fiddle/9960直接上代码<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <link href='https://fonts

3种方法实现CSS隐藏滚动条并可以滚动内容

隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法。

利用bootstrap插件制作打赏按钮

直接代码<html> <head> <title>打赏按钮</title> <link href="css link" rel="stylesheet"> <script src="https://cdn.staticfile.org/jquery/2.0.0/jq

  • BLOG ONLINE 178 DAYS 21 HOURS