coding主页效果-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

coding主页效果

2016-03-26 14:11:53 1628 1

原本把问题问得很长很长
想想没什么必要
就简单问问题就好
coding主页的效果(未登陆)
点击位于页面右方的点能到页面指定的区域,带滚动动画
这个大概能想到怎么做
问题是怎样实现用鼠标滑轮滚动时也实现同样的效果?
coding首页

取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:16:08

    有个插件叫 FullPage.js,你可以用这个轮子。

    当然,自己实现这个轮子也很简单。
    每个页面都设置一个 id,每个点都是,然后其 href 就设置为 '#' + 对应页面的id
    比如

    用 jQuery 对这些 a 标签绑定一个 click 事件,用 event.preventDefault() 去掉点击马上跳过去的功能,然后用 jQuery 的 animate() 去控制滚动条就好了。

    $("a").on('click', function(event){

    var $anchor = $(this);
    $("html, body").stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
    }, 600);
    event.preventDefault();

    });
    鼠标点击大概就是这个思路。

    鼠标滚轮其实也差不多的思路。

    0 0
相关问答

1

回答

如何创建一张表来指定外部的 connector?

2021-11-17 17:47:40 140浏览量 回答数 1

1

回答

微服务套装spring cloud篇

2019-11-20 16:02:23 727浏览量 回答数 1

2

回答

sharding-jdbc和mycat哪个好用点?

2019-05-09 13:35:28 9701浏览量 回答数 2

2

回答

code.taobao.org 无法访问、请开启只读把代码下载下来

2019-01-09 08:54:30 2301浏览量 回答数 2

0

回答

Codis 集群演化与 Redis 异步迁移

2018-07-16 22:10:39 1751浏览量 回答数 0

0

回答

The-Art-Of-Securing-100-Products

2018-06-25 22:10:06 621浏览量 回答数 0

0

回答

Swarm mode 集群服务编排的routing

2017-10-30 15:09:30 1673浏览量 回答数 0

0

回答

CodePipeline用户指南:证书配置

2017-10-23 10:24:23 2036浏览量 回答数 0

0

回答

CodePipeline用户指南:新建项目

2017-10-23 10:23:03 1510浏览量 回答数 0

2

回答

昨天到现在,一直无法购买云主机

2016-10-31 06:36:13 1257浏览量 回答数 2
+关注
0
文章
14879
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载