使用SCSS高亮显示控件、聚焦位置
生活随笔
收集整理的這篇文章主要介紹了
使用SCSS高亮显示控件、聚焦位置
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
/*強調SCSS----------------------------------------*/
[sg-emphasize],/deep/[sg-emphasize] {animation: sg-emphasize .3s ease 3;
}@keyframes sg-emphasize {0% {transform: scale(1);background: rgba(3, 156, 253, 0);}50% {transform: scale(.9);background: rgba(3, 156, 253, 0.2);}100% {transform: scale(1);background: rgba(3, 156, 253, 0);}
}/*強調js----------------------------------------*/
function emphasizeFocus(emphasizeSel, focusSel) {var emphasizeDom = document.querySelector(emphasizeSel);var inputDom = focusSel ? document.querySelector(focusSel) : emphasizeDom;emphasizeDom.setAttribute("sg-emphasize", true), setTimeout(() => emphasizeDom.removeAttribute("sg-emphasize"), 900);inputDom.scrollIntoView({behavior: "smooth", block: "nearest", inline: "nearest"}), inputDom.focus();
}總結
以上是生活随笔為你收集整理的使用SCSS高亮显示控件、聚焦位置的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 高亮提示、聚焦控件并滚动到浏览器中干好可
- 下一篇： 用v-for循环动态定位坐标显示元素，并