kbys.net
当前位置:首页 >> jquEry 滚动条事件 >>

jquEry 滚动条事件

$(window).scroll(function () { if ($(window).scrollTop() == $(document).height() - $(window).height()) { alert('bottom!!'); } });

var wh=$(window).height(); $(window).scroll(function(){ var s=wh-$(window).scrollTop(); if(s

试试看行不行 $(window).scroll(function(){ var top = $(".nav").offset().top; if(top - $(window).scrollTop() > 80){ //取消fix $('.nav').css({ 'position':'static' }) }else{ //fixed $('.nav').css({ 'position':'fixed' }) }})

//直接写法$(selector).scroll(function() {/* some code */ });//绑定事件写法$(document).on("scroll",function(){/* some code */});

$('#div').on('scroll',function(){ // div 滚动了 alert('滚动了'); if ($('#div').scrollTop() >= (1000-200)) { // 滚动到底部了 alert('滚动到底部了'); }});

绑定浏览器滚动条事件 window.onscroll = function(){ var scrollTop = document.body.scrollTop; if(scrollTop >= 500){ // 你想做的事 }}

$(function() { $(window).scroll(function(){ var scrolltop=$(this).scrollTop(); if(scrolltop>=200){ $("#elevator_item").show(); }else{ $("#elevator_item").hide(); } });

function doSth () { // do something } // 绑定scroll事件 $(window).on('scroll', doSth); // 解绑scroll事件 $(window).off('scroll', doSth);

menubody {height: 1111px;}$ (window).scroll (function () { $ (this).scrollTop (0) }); $ (function () { $ (":button").click (function () { $ (window).unbind ('scroll'); }) });scroll

使用jQ时 scrollTop后面要加括号 $(document).ready(function(){ $(window).scroll(function(){ if($(window).scrollTop()>100){ $("div").animate({left:'250px'}); }); }); });

网站首页 | 网站地图
All rights reserved Powered by www.kbys.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com