jq实现全屏滚动代码（js全屏滚动）

本篇文章给大家谈谈jq实现全屏滚动代码，以及js全屏滚动对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、js或者jquery实现页面中的一个div全屏
• 2、js或jq怎么实现滚轮控制页面上下滑动
• 3、如何让jquery动画效果在屏幕滚动到指定位置才执行

js或者jquery实现页面中的一个div全屏

1、引入外部jquery文件

比如：

script src="Scripts/jquery-1.3.2.min.js" type="text/javascript"/script

2、点击按钮时的JQuery代码

$(document).ready(function () {

 $("#go").click(function () {       

 /*属性*/       

 $("#go2").css({ "position": "absolute", "text-align": "center", "top": "0px", "left": "0px", "right": "0px", "bottom": "0px", "background": "red", "visibility": "visible", "filter": "Alpha(opacity=90)"

 });       

 /*高为屏幕的高*/       

 $("#go2").css({           

     height: function () {           

         return $(document).height();       

     },           

     width:"100%"        

 });    

});

});

3、html页面代码

asp:Button ID="go" runat="server" Style="width: 380px; position: absolute; top: 249px;left: 425px; background-color: Green; height: 65px;" Text="后台执行程序，前台遮盖，运行完毕后自动消失" /

div id="go2"

 正在提交数据...

/div

js或jq怎么实现滚轮控制页面上下滑动

jQuery监听鼠标滚轮(滚动)事件

第一步：下载jquery-mousewheel插件

第二步：复制以下代码做测试，打开日志看效果

jQuery(function($) {

$('#nav')

.bind('mousewheel', function(event, delta) {

var dir = delta 0 ? 'Up' : 'Down';

if (dir == 'Up') {

console.log(“向上滚动， ”);

} else {

console.log(“向下滚动， http: //blog.csdn.net/u011627980”);

}

return false;

});

});

}

如何让jquery动画效果在屏幕滚动到指定位置才执行

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用div标签创建一个模块，并设置其id为mycss。

3、在css标签内，定义div的样式，设置其宽度为100px，高度为2000px，背景颜色为粉红色。

4、在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。

5、在function方法内，使用if语句判断，当前滚动的位置（scrollTop()）是否到达页面的底部（$(document).height()-$(window).height()），如果到达页面底部，提示“已经到底部了”。

jq实现全屏滚动代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js全屏滚动、jq实现全屏滚动代码的信息别忘了在本站进行查找喔。