原创 屏幕瀏覽器高度
屏幕 window.screen.availHeight 屏幕可用高度; window.screen.availWidth 屏幕可用寬度; window.screen.height 屏幕總高度 = availHeight + 下方任務欄;
原创 讓浮層滑動 不影響底部頁面滑動
var oBody = document.querySelector("body"); oBody.addEventListener("touchmove", preventDefault,{ passive: false }) fu
原创 長按 事件
var time= null; $("ul").on("touchstart", "img", function() { time = setTimeout(function(){
原创 網址的編碼解碼
編碼 encodeURI(); encodeURIComponent(); 解碼 decodeURI(); decodeURIComponent();
原创 動畫效果 上下浮動,漸隱漸出
@keyframes start{ 0%, 30% { opacity: 0; transform: translateY(10px); } 60% {
原创 微信禁止轉發
function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu'); } if (t
原创 手機號正則替換
var reg = /^(\d{3})\d{4}(\d{4})$/; var a = 18731230865; a = a.replace(reg, '$1****$2');
原创 input 類型
https://www.cnblogs.com/haocool/p/3431181.html
原创 移動端頁面 適配
背景圖 background-size:cover 等比充滿背景圖 多餘的隱藏
原创 Html5的video標籤自動填充滿父div的大小
想要video能自動填充慢父div的大小,只要給video標籤加上style="width= 100%; height=100%; object-fit: fill"即可。 object-fit語法 object-fit屬性的語法非常的簡
原创 flex下input不能自適應問題
input 自帶最小寬度 當自適應寬度小於最小寬度是 會表現爲最小寬度 解決:重置最小寬度
原创 蘋果輸入框失去焦點頁面下不來問題
$(".outer").on("blur","input",function(){ window.scrollTo(0,$(window).scrollTop()); })
原创 判斷是否爲PC
function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone",
原创 可以滑動,同時隱藏滾動條
::-webkit-scrollbar { display:none }
原创 蘋果字符串轉時間
蘋果只支持 2019/04/01 格式的時間 .replace(new RegExp("-","gm"),"/");