html的一些簡單js效果的記錄

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);

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章