Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
大大大太阳yt
driver.js
提交
31d8a1a8
D
driver.js
项目概览
大大大太阳yt
/
driver.js
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
driver.js
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
31d8a1a8
编写于
3月 04, 2018
作者:
K
Kamran Ahmed
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Allow disabling highlight
上级
bb8be8c6
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
26 addition
and
6 deletion
+26
-6
assets/scripts/src/overlay.js
assets/scripts/src/overlay.js
+12
-3
assets/scripts/src/sholo.js
assets/scripts/src/sholo.js
+11
-2
index.html
index.html
+3
-1
未找到文件。
assets/scripts/src/overlay.js
浏览文件 @
31d8a1a8
...
...
@@ -5,9 +5,14 @@ import Position from './position';
* cutting out the visible part, animating between the sections etc
*/
export
default
class
Overlay
{
constructor
({
opacity
=
0.75
,
padding
=
5
})
{
constructor
({
opacity
=
0.75
,
padding
=
5
,
animate
=
true
,
})
{
this
.
opacity
=
opacity
;
// Fixed opacity for the layover
this
.
padding
=
padding
;
// Padding around the highlighted item
this
.
animate
=
animate
;
// Should animate between the transitions
this
.
overlayAlpha
=
0
;
// Is used to animate the layover
this
.
positionToHighlight
=
new
Position
({});
// position at which layover is to be patched at
...
...
@@ -56,7 +61,7 @@ export default class Overlay {
// If animation is not required then set the last path to be same
// as the current path so that there is no easing towards it
if
(
!
animate
)
{
if
(
!
this
.
animate
||
!
animate
)
{
this
.
highlightedPosition
=
this
.
positionToHighlight
;
}
...
...
@@ -111,7 +116,11 @@ export default class Overlay {
if
(
canHighlight
)
{
// Fade the overlay in if we can highlight
this
.
overlayAlpha
+=
(
this
.
opacity
-
this
.
overlayAlpha
)
*
0.08
;
if
(
!
this
.
animate
)
{
this
.
overlayAlpha
=
this
.
opacity
;
}
else
{
this
.
overlayAlpha
+=
(
this
.
opacity
-
this
.
overlayAlpha
)
*
0.08
;
}
}
else
{
// otherwise fade out
this
.
overlayAlpha
=
Math
.
max
((
this
.
overlayAlpha
*
0.85
)
-
0.02
,
0
);
...
...
assets/scripts/src/sholo.js
浏览文件 @
31d8a1a8
...
...
@@ -6,8 +6,17 @@ import './polyfill';
* Plugin class that drives the plugin
*/
export
default
class
Sholo
{
constructor
({
opacity
=
0.75
,
padding
=
5
}
=
{})
{
this
.
overlay
=
new
Overlay
({
opacity
,
padding
});
constructor
({
opacity
=
0.75
,
padding
=
5
,
animate
=
true
,
}
=
{})
{
this
.
overlay
=
new
Overlay
({
opacity
,
padding
,
animate
,
});
this
.
document
=
document
;
this
.
window
=
window
;
...
...
index.html
浏览文件 @
31d8a1a8
...
...
@@ -50,7 +50,9 @@
'
.section__examples
'
];
const
sholo
=
new
Sholo
();
const
sholo
=
new
Sholo
({
animate
:
false
});
nodesToSelect
.
forEach
((
nodeToSelect
,
index
)
=>
{
window
.
setTimeout
(()
=>
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录