Fayeni的博客

隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。 方法1：计算滚动条宽度并隐藏起来 在本站的侧栏，你可以看到前端日报的那块内容并没有滚动条，但鼠标移上去却可以滚动内容。这是什么技术呢？ 其实我只是把滚动条通过定位把它隐藏了起来。演示下面给一个简化版的代码 <div class="outer-container"> <div cl..

1.在终端输入npm install -g @vue/cli 2.创建一个文件夹/将终端路径设置成你想存储项目的文件 我在这里创建了一个专门用来学习vue的文件夹，并将终端路径指向这个文件夹 3.在终端输入vue create vue3-1，该命令会创建一个名为vue3-1的项目 4.会有几个问题，可以参考设置一下 5.路径指向vue3-1后执行命令yarn serve 6.打开http://localhost:8080/查看页面 ...

  如图右侧有个关闭图标。（只截取了部分内容） JavaScript部分： &lt;script language="javascript" type="text/javascript"&gt; /*** *功能：隐藏 *参数divDisplay：html标签id ***/ function click_a(divDisplay) { if(docume...

position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。 position:relative;  他的意思...

语法： text-overflow：clip | ellipsis 默认值：clip 适用于：所有元素 clip： 当对象内文本溢出时不显示省略标记（...），而是将溢出的部分裁切掉。  ellipsis： 当对象内文本溢出时显示省略标记（...）。 在使用的时候，有时候发现不会出现省略标记效果，经过测试发现，使用ellipsis的时候，必须配合overflow:hidden; whit...

上一节我们一起探讨了一下CSS3的文字阴影text-shadow的使用方法，今天我们接着一起来探讨一下CSS3中的另一个属性box-shadow的使用方法。CSS3的box-shadow有点类似于text-shadow，只不过不同的是text-shadow是对象的文本设置阴影，而box-shadow是给对象实现图层阴影效果。 本文我们搁下IE不谈，只谈谈box-shadow的具体使用方法 语法...

&lt;script&gt; var list=document.getElementById("mainNav") //获取ul对象 lis=list.getElementsByTagName("li") //获取ul下的li对象,是数组集合 for(var i=0,l=lis.length;i&lt;l;i++){ lis[i].className="main...