js 置顶操作

//置顶
document.getElementById("pro-view-8").onclick = function(){document.body.scrollIntoView();}
window.onscroll = function(){
if(document.body.scrollTop > 30){
if($("#pro-view-8")[0].style.display === "block") {return;}
$("#pro-view-8").show();
}else{
if($("#pro-view-8")[0].style.display === "none") {return;}
$("#pro-view-8").hide();
}
}

时间: 2024-11-29 10:15:14

js 置顶操作的相关文章

HTML实现置顶-->火箭置顶

HTML实现置顶操作 需要引入JQuery,案例中引入的是jquery-1.11.2.min.js 需要图片 以下为案例源码: -------------------------------------- <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content=&

Mysql数据库实现的简单置顶

Mysql数据库实现的简单置顶 1. 问题背景:小编要做一个文章管理的简单网页,用的是Mysql数据库.其中需要文章置顶功能,如图: 2. 最初的思路:机智的小编立刻大脑飞速运转,很快想到为存储文章的"article"表设定一个(int)型的"isTop"属性,0表示不置顶,大于0表示置顶且数字越大,优先级越高.显示的时候只需按照"isTop"降序显示.当用户需要将"id"为"001"的文章置顶时,后台只需

在有序数据表中实现多记录上移下移置顶置底算法思路

引言 数据库应用中常需要在一个有序数据子集中,对指定的若干条记录进行上下移动.例如,管理员需要对新闻列表中的若干条新闻置顶,考试出卷时需要对选定题目进行上下移动重排顺序,等等. 总的应该场景在数据表中可以概括为如下模型: 数据表 TblData(id,fid,rank),id表示记录的唯一标识,fid指记录的父节点,rank代表父节点下兄弟的前后顺序,依次从1递增,没有空隙. 问题是要对相同fid下选中的若干个节点进行上下移动,如图1中的2个示例: 图 1 上移操作示例图 左侧示例是对第5.6两

织梦文档置顶并显示置顶文字或图标

织梦默认自带置顶功能,我们只需要在后台文档[文章排序]里对文档进行置顶操作就行了 模板标签中dede:arclist 和 dede:list 默认是按置顶排序优先排在前面,所以不需要特别的设置标签 显示[置顶]文字,这样调用 [field:sortrank runphp=yes]@me = time() < @me ? "[置顶]" : "";[/field:sortrank]复制 1 显示[置顶]图标,这样调用 [field:sortrank runphp=

js数组移动上移下移置顶置底,vue实现表格上下移动置底置顶

js操作数组移动 //先封装js数组交换顺序方法 /*参数说明 arr是要操作的数组 index1 是准备移动的元素 index2 是准备移动到的位置 往下移就是 index2=index+1 往上移动就是 index2=index+1: 这个也可以在页面试试那个方法就指导了,但是置顶和置底还有点差别 */ var swapItems = function(arr, index1, index2,direction) { if(direction=='up'){//置顶 arr.unshift(

js之滚动置顶效果

0.js获取高度 ? 1 2 3 4 5 6 document.all   // 只有ie认识 document.body.clientHeight              // 文档的高,屏幕的文档区域的高 documemt.documentElement.clientHeight   // 有效的高,屏幕可视的高 document.documentElement.scrollHeight   // 屏幕的总高度 document.documentElement.scrollTop     

表格行上下移,置顶的js代码

$(function(){     //上移     var $up = $(".up")     $up.click(function() {         var $tr = $(this).parents("tr");         if ($tr.index() != 0) {             $tr.fadeOut().fadeIn();             $tr.prev().before($tr);                  

通过js实现置顶方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <script type="text/javascript"> var timer function scrolltop() {

[置顶]基于MVC4+EasyUI的Web开发框架经验总结(6)在页面中应用下拉列表的处理(转载)

[置顶]基于MVC4+EasyUI的Web开发框架经验总结(6)在页面中应用下拉列表的处理 在很多Web界面中,我们都可以看到很多下拉列表的元素,有些是固定的,有些是动态的:有些是字典内容,有些是其他表里面的名称字段:有时候引用的是外键ID,有时候引用的是名称文本内容:正确快速使用下拉列表的处理,可以提高我们程序界面的美观性和友好型,本文主要介绍在我的Web开发框架以及相关的扩展Web应用中用到的一些代表性下拉列表的处理场景,希望给大家做个参考学习. 1.固定下拉列表的处理 代表性的固定列表有人