![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Tyler_YC
这个作者很懒,什么都没留下…
展开
-
一键返回页面顶部
一键返回页面顶部方法1.直接使用window.scrollTop(x,y)方法,参数传入位置数值:window.scrollTop(0,0)2.兼容所有浏览器,一键返回页面顶部:function ReturnTop() { //判断是否有父页面 if (window.top == window.self) { document.body.scrollTop = document.documentElement.scrollTop = 0; } else {原创 2021-09-17 11:56:33 · 672 阅读 · 0 评论 -
react使用className加载N个样式
react使用className加载N个样式className根据不同需求给列表不同元素加载不同样式import style from './style.less';这里我们就要用到classnames组件安装npm install classnames引入import classnames from 'classnames'通过三元表达式给列表不同元素加载不同样式render({ link }) { return ( <div className={style.原创 2020-12-21 19:16:06 · 683 阅读 · 0 评论 -
react使用iframe标签引入网页自适应高度
react使用iframe标签引入网页自适应高度定义Iframe 函数组件(Iframe函数组件可提为高阶组件提高代码复用性)const Iframe = props => { window.onresize=function(){ props.load()} return ( <iframe id="iframeId" onLoad={ props.load} src={ props.src} width={ props.width} height={`${ props.hei原创 2020-12-21 18:45:21 · 2002 阅读 · 3 评论 -
jq实现根据时间展示特定图片的3D轮播图
3D轮播图根据周几加载3D轮播图html在这里插入代码片```<body class="up_z"> <div class="banner_box"> <div class="box"> <div class="carousel"> </div> </div> <button class="left_btn" onclick="left()"></button> <bu原创 2020-12-17 14:41:30 · 207 阅读 · 0 评论