html5 - 为什么这段css能用实现图片切换?

 mobiledu2502873617 发布于 2022-11-07 10:05






  
    
1 2 3

我知道用的锚点,锚点点击后不是跳转到锚点所指的地方吗,为什么这段代码跳转不是跳转到第二张图片(位置在第一张下面)当显示第二,第三张图片的时候第一张去哪了?

2 个回答

  • 你把dd的overflow-y弄成滚动条就知道了,和html5没啥关系,就好比你准备了一个1X1的画框,然后用一张1X3的纸条上面贴了3个图片,垂直拉来拉去的效果,画框外的遮掉了而已

    2022-11-12 01:57 回答
  • 一张图来解释一下,图片来自百度图片……

    这个其实在很早之前就已经玩过了,利用锚点的特点,跳转到对象的左上角。
    因为外层容器就只有320*240的大小,然后第二张图片的锚点被激活之后就跳到第二张图片的锚点的位置来显示。

    如果这里加上:targettransition等属性的话,那效果就更好了……

    用锚点不爽的地方就是地址栏上会增加一个锚点坐标,不过也是好的地方,可以随时进入到某张图片,或者某个容器(比如tab选项卡)

    2022-11-12 01:57 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有