鼠标滑动到指定位置时div固定在头部

$(function(){

$(window).scroll(function () {
            if ($(window).scrollTop() > 253) {
                $(".pagetab").css("position","fixed");
                $(".pagetab").css("top","0");
            }
            else {
                $(".pagetab").css("position","relative");
            }
        });

})

时间: 2024-08-25 15:10:31

鼠标滑动到指定位置时div固定在头部的相关文章

js-滚动到指定位置导航栏固定顶部

最近整理一下之前做的一个项目,把滚动条动态固定顶部的代码整理出来和大家分享,上代码 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js滚动到指定位置导航栏固定顶部</title> 6 <style type="text/css"> 7 body{height: 2500px; margin:

js滚动到指定位置导航栏固定顶部

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js滚动到指定位置导航栏固定顶部</title> <style type="text/css"> body{height: 2500px; margin: 0; padding: 0;} .banner{height: 250px; width: 100%; bac

html js点击按钮滚动跳转定位到页面指定位置(DIV)的方法代码

一:通过html锚点实现滚动定位到页面指定位置(DIV):    如果我们要点击实现跳转的地方是一个html锚点,也就是点击一个A标签超链接实现跳转,可以把A标签的href属性直接指向跳转指定位置的div,代码实现思路如下: <a class="banner" href="/schoolFair/registration#nav"> <a href="#abc">点击跳转</a>    <div id=&

RecyclerView滑动到指定位置,并置顶

一般我们用 mRecycleview.smoothScrollToPosition(0)滑动到顶部,具有滚动效果,但是如果我们想滚动到任意指定位置,那么smoothScrollToPosition()就不能保证所指定item位于屏幕顶部,那么一下提供下我解决的方法: 1.第一种方法 此方法能实现指定位置位于屏幕顶部,但是不具有平滑滚动视觉效果: if (position != -1) { mRecycleview.scrollToPosition(position); LinearLayoutM

滚动条下拉DIV固定在头部不动

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">&l

测试python awk sed 读取文件指定位置时的性能

#!/bin/env python #coding:utf8 ''' awk 打印指定行数 sed 打印指定行数 python 打印指定位置,某长度字符串 awk 耗时最长,很长 sed awk 时间一半 python 耗时 基本忽略不计 使用脚本监控日志文件的时候,每次记录上次退出的位置 python效率最高. ''' import os from  time import time from os.path import getsize testfile='/dev/shm/%s' % ti

遮罩层(鼠标移到指定区域时,该区域显示,其他地方为半透明,移动时全部显示)

//使用方法//$(function () { setFloatBackgroundByID("adplay"); });//$(window).resize(function () { setFloatBackgroundByID("adplay"); });function setFloatBackgroundByID(id){ var $objId=$("#"+id);//整张大图片的id $objId.css({"overflo

实现滚动条滚动到指定位置时,滑入显示某个元素

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0; padding:0; } .test{ margin:900px auto 500px; width:800px; height:600px; position: relati

jquery实现点击按钮滑动到指定位置

<body> <script type="text/javascript"> function click_scroll() { var scroll_offset = $("#pos").offset(); //得到pos这个div层的offset,包含两个值,top和left $("body,html").animate({ scrollTop:scroll_offset.top //让body的scrollTop等于