Jquery- scrollTop()一个问题:

在使用jquery的scrollTop()方法获取滚动条的位置时,发现变量名为top会有影响,代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
var top = $(window).scrollTop();
console.log(top)
</script>
</body>
</html>

  

按道理,$(window).scrollTop()返回的是一个数字,但实际上,控制台打印的是一个window。试着换个变量名,代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
var tp = $(window).scrollTop();
console.log(tp)
</script>
</body>
</html>

  

这时候就正常了。控制台打印数字 0 ,是不是有点奇怪呢?

时间: 2024-08-24 23:48:34

Jquery- scrollTop()一个问题:的相关文章

jQuery生成一个DIV容器,ID是&quot;rating&quot;.

我们需要一些服务器端代码,这个例子中用到了一个PHP文件,读取rating参数然后返回rating总数和平均数.看一下rate.php代码.虽然这些例子也可以不使用AJAX来实现,但显示我们不会那么做,我们用jQuery生成一个DIV容器,ID是"rating". $(document).ready(function() {        // generate markup        var ratingMarkup = ["lease rate: "]; 

JQuery scrollTop()方法滚动页面

$("html").scrollTop(100);//火狐IE下可以(火狐IE不用在服务器下测试) $("body").scrollTop(100);//谷歌内核的浏览器360和谷歌(服务器下测试) 这样写才行,谷歌内核的浏览器因为js中好多方法为了确保安全必须要在服务器下测试才行,或者可以在控制台下测试命令! $("html,body").scrollTop(100);//所以这样写才兼容 JQuery scrollTop()方法滚动页面

jquery 的一个问题

无需多说上前端 我们两个页面原本存在的button可以正常的在一个div里边添加内容,但是通过jquery添加进来的一个按钮虽然同时button,但是不能能在div里边添加内容 在多行代码中这个问题纠结了我好长时间..... 贴上本测试前端代码以祭奠我逝去的除bug时间 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>

jquery判断一个div的边界是否超出另外一个div的边界

摘要:本文简单介绍jquery判断一个div的边界是否超出另外一个div的边界,如果超出边界做出相应的处理. 1.实现效果 判断前 判断后 2.实现思路 实现类似的判断,主要是获取两个div在浏览器中的上下左右的四至,在jquery中,可以通过div.offset().left和div.offset().top获取div在浏览器中的绝对位置的left和top值:div在浏览器中的绝对位置的right和bottom为div的left+width和top+height,width和height可以通

jquery的一个细节

使用jquery报一个错误,之前也遇到过,今天记录下来,方便以后使用 Uncaught TypeError: Object #<Object> has no method 'test' 这是jquery冲突,引用js的是先引用jquery,再引用别的js, 更要注意的是:加入以下内容 var $j = jQuery.noConflict();

JQuery中一个简单的表单验证的实例

html代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&quo

jQuery 开发一个简易插件

jQuery 开发一个简易插件 //主要内容 $.changeCss = function(options){ var defaults = { color:'blue', ele:'text', fontSize:'30px' } var options = $.extend(defaults , options); var change ={ changeColor:function(){ $('#'+options.ele).css('color',options.color); }, c

第一次来博客园先用jquery写一个简单菜单收缩效果

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>    <meta charset="utf-8" />    <title></title>    <script src="jquery-1.7.2.min.js"></script&g

jquery 实现一个页面多个tab页

<!DOCTYPE html ><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jquery 实现 一个页面 多个tab</title><style type="text/css">ul{    list-style:none;   

用jQuery判断一个元素的各种状态

用jQuery判断一个元素是否显示 用jQuery判断一个元素是否显示:$(element).is(":visible"); 类似的,判断一个元素是不是第一个子元素:$(element).is(":first-child") 判断一个checkbox元素是否选中:$(element).is(":checked") 判断一个元素是否存在:$(element).length 判断一个字符串中是否包含其他字符串:str.indexOf("ab