html的一些简单js效果的记录

24 篇文章 0 订阅
9 篇文章 0 订阅

div滑动固定:

<script>
	$.fn.smartFloat = function() {
	 var position = function(element) {
	  var top = element.position().top, pos = element.css("position");
	  $(window).scroll(function() {
	   var scrolls = $(this).scrollTop();
	   if (scrolls > top) {
	    if (window.XMLHttpRequest) {
	     element.css({
	      position: "fixed",
	      top: 0
	     }); 
	    } else {
	     element.css({
	      top: scrolls
	     }); 
	    }
	   }else {
	    element.css({
	     position: pos,
	     top: top
	    }); 
	   }
	  });
	 };
	 return $(this).each(function() {
	  position($(this));      
	 });
	};
//调用方式	
	$("#layui-nav").smartFloat();
//	$("#left-nav").smartFloat();
</script>

此方法为转载:https://www.cnblogs.com/kongxc/p/8242007.html 

更多复杂需求,可能就要自己写了

2、移除css中的一个样式:

//先获取对象
var	 deleteTags=document.getElementById("deleteTag");
//使用classList.remove移除样式
deleteTags.classList.remove("layui-this");
console.log(deleteTags);

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值