JS实现随页面滚动显示/隐藏窗口固定位置元素

2019-07-26 12:52栏目:WRB前端

什么样在JS数组特定索引处钦定地方插入成分?

窗口固定地方呈现成分,当页面高度超越某中度,而且页面向下滚动时,展现该因素;当页面地方小于某中度,或许页面向上滚动时,遮盖该因素。

必要: 将一个因素插入到现存数组的一定索引处。听上去很轻松和广泛,但须求或多或少时日来研商它。

先给大家来得下效果图:

// 原来的数组
var array = ["one", "two", "four"];
// splice(position, numberOfItemsToRemove, item)
// 拼接函数(索引位置, 要删除元素的数量, 元素)
array.splice(2, 0, "three"); // 
array; // 现在数组是这个样子 ["one", "two", "three", "four"]

图片 1

只要对扩展原生 JavaScript 不嫌恶,那么能够将这几个主意增加到数组原型(Array prototype)中:

1.html

Array.prototype.insert = function (index, item) {
this.splice(index, 0, item);
}; 
<p id="selected-case-count">已选: 0</p> 

此刻,能够那样调用:

2.css

var nums = ["one", "two", "four"];
nums.insert(2, 'three'); // 注意数组索引, [0,1,2..]
array // ["one", "two", "three", "four"]
p#selected-case-count{
position:fixed; /*固定元素位置*/
top:2px; /*距顶端举例*/
right:40px; /*距右侧位置*/
color:red; 
}

您恐怕感兴趣的稿子:

  • JavaScript与JQUELX570Y获取成分的宽、高和职位
  • js从数组中去除钦点值(不是内定位置)的成分完成代码
  • JS达成随页面滚动展现/遮蔽窗口固定地方成分
  • javascript兑现拖动元素沟通地点
  • js调整元素展现在荧屏固定地点及监听显示器中度变化的法子
  • JavaScript调控网页平滑滚动到钦命成分地方的主意
  • 在JS数组特定索引处钦定地点插入成分
  • JS和JQUELacrosseY获取页面大小,滚动条地点,成分地方(示例代码)
  • JS中获取 DOM 成分的相对化位置实例详解

3.js

$(function() {
$("#selected-case-count").hide();
});
var preTop=0;
var currTop=0;
$(function () {
$(window).scroll(function(){
currTop=$(window).scrollTop();
if(currTop<preTop){
$("#selected-case-count").fadeOut(200);
}elseif ($(window).scrollTop()>600){
$("#selected-case-count").fadeIn(500);
}else{
$("#selected-case-count").fadeOut(500);
}
preTop=$(window).scrollTop();
});
});

上述所述是小编给大家大饱眼福的JS达成随页面滚动突显/遮蔽窗口固定地方成分的连锁文化,希望对大有所协理!

你只怕感兴趣的篇章:

  • JavaScript与JQUEENVISIONY获取元素的宽、高和职分
  • js从数组中去除钦赐值(不是点名地点)的要素实现代码
  • javascript完成拖动成分调换个方式置
  • js调整成分展现在荧屏固定地方及监听显示器高度变化的方法
  • JavaScript调控网页平滑滚动到钦命成分地方的点子
  • 在JS数组特定索引处钦赐地方插入成分的工夫
  • 在JS数组特定索引处内定地方插入成分
  • JS和JQUE奔驰M级Y获取页面大小,滚动条地点,成分地方(示例代码)
  • JS中获取 DOM 成分的断然地点实例详解

版权声明:本文由威尼斯人app发布于WRB前端,转载请注明出处:JS实现随页面滚动显示/隐藏窗口固定位置元素