- 博客(6)
- 收藏
- 关注
原创 关于scrollIntoView进行滚动条滚动的问题
问题描述:头部导航固定定位,通过导航按钮进行锚点定位(就是点击导航按钮,滚动条滚动到相应的内容区)时,滚动条的滚动距离是整个可视区的距离,就会导致要展示的内容区有一部分被压在了导航栏下。 (文字描述不清楚,上图吧)刚进入页面时,可以正常显示使用导航栏的按钮进行锚点定位后出现的问题解决方案:出现这个问题时我用的是object.scrollIntoView(true) 来实现滚动条的滚动。后来没有找到解决方法 ,就改成document.documentElement.scroll({ top:
2020-12-15 21:08:54 1338
原创 css实现按钮凸起和凹陷效果
今天用CSS实现一下按钮按下凹陷和弹起凸起的效果。先来看看效果吧:html:<div class="btn-list"> <div class="btn active"> <span class="btn-text">按钮1</span> </div> <div class="btn"> <span class="btn-text">按钮2</span> </div&
2020-12-15 20:49:06 7963
原创 非父子组件之间实现锚点功能
今天用vue写个人博客项目时遇到的一些问题一、两个vue文件(非父子组件)之间实现锚点功能问题描述:在一个VUE页面中,引入两个组件,A组件是头部的导航栏,B组件是展示的页面内容,我要通过A组件的一个按钮触发状态,然后B组件根据A组件触发的状态跳转到页面相应的位置, 一开始我想到的是用a标签的href属性来实现锚点的功能,但是使用a标签会导致页面刷新,并且URL栏会加上相应的锚点‘#id’。解决方法:2. 经过上网查找解决方案,并结合实际情况,使用localStorage来解决。解决方案:1).
2020-12-15 20:29:27 340
原创 小白文章:构建VMware虚拟局域网的实验过程
构建VMware虚拟局域网实验操作1.新建虚拟机2 .VMware tools安装3.虚拟网络构建实验1:实现两个虚拟机相互通信。实验二:实现虚拟机和物理机的通信实验三:虚拟机连网实验注意事项VMware软件的安装及要用到的操作系统镜像文件自行百度下载。单纯记录一下实验过程,没有任何技术分享,可供小白参考,比如我的室友实验操作1.新建虚拟机使用2003镜像建立两个虚拟机,分别命名为200...
2020-04-24 12:22:04 2895
原创 HTML笔记
标签文本标签图片标签链接标签列表标签表格标签表单标签框架(即嵌套页面)HTML基本结构<!DOCTYPE html><!-- 文档类型 --><html><head> <title>标题</title> <!-- 网页标题 --> <meta charset...
2019-04-25 23:31:22 169
原创 自学1
HTML5新手关于“页面分栏”的练习小白做的第一个HTML习题#1.效果图#2.实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面分栏</title> <style type="text/...
2019-04-14 22:38:40 98
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人