利用锚点可以实现点击某个位置，显示它对应的位置的文字或者图片，实现类似于定位的效果，锚点用的是id属性；
这种效果，点击右面滚动条里面的图片，左边对应显示这张图片的大图；具体实现是：
html代码
左边的图片id和右边图片的a标签的href相对应；
为了不让左边图片出现超过div高度溢出的情况，所以，给左边div加了overflow-y属性，超出部分出现滚动条。
.photo_left{
width: 100%; height: 100%; overflow-y: scroll;
}
利用锚点可以实现点击某个位置，显示它对应的位置的文字或者图片，实现类似于定位的效果，锚点用的是id属性；
这种效果，点击右面滚动条里面的图片，左边对应显示这张图片的大图；具体实现是：
html代码
左边的图片id和右边图片的a标签的href相对应；
为了不让左边图片出现超过div高度溢出的情况，所以，给左边div加了overflow-y属性，超出部分出现滚动条。
.photo_left{
width: 100%; height: 100%; overflow-y: scroll;
}
利用锚点可以实现点击某个位置，显示它对应的位置的文字或者图片，实现类似于定位的效果，锚点用的是id属性； 这种效果...
「 需要学习基础知识点 」 新手必打基础 HTML4\HTML5 CSS2\CSS3 ES5（原生 js 基本语法...
jQuery下实现锚点链接的平滑滚动(带浮动侧边栏)css+html+js JQuery实现简单的平滑过渡效果 J...
css, html, dom 创建测试页面 锚点方式 使用页面的锚点链接进行滚动： 直接滚动 使用 window ...
JS实现 html js css vue实现 html js css
前端的基础无外乎HTML、CSS、js三类，HTML控制内容、CSS控制表现、js控制动效。由于看题目感觉题主应该...
a标签默认动作：1.打开页面 2.跳转锚点 html只管内容，css管样式 标签： a：anchor 标记锚点，超...
本周学习了JS高级，比起之前学习的html 、css、JS基础，JS高级还是比较难接受一点的，特意利用周末的闲暇，...
总结部分知识点 _ 杂（html, css, js） 搭载项目环境 Html核心文件index.html CSS：...
2016-10-26 html css js 基础 学会使用调试模式 css hack ietester 常用标签...
本文标题：html css js 基础五（锚点）
本文链接：https://www.haomeiwen.com/subject/psejlftx.html
网友评论