jquery让div位置根据浏览器视口变化而变，能一直保持居中。

2014-10-29 10:59:52 290 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

JQuery+CSS实现头部Div固定在指定位置，随鼠标上下滑动而不变化头部固定，随鼠标的滑动而位置保持不变【举例：一般电商网站，未登录时，头部登录栏随着鼠标向下滑动，一直位于头部】 css *{ margin:0px; padding:0px; } .main{ width:100%; height:600px; background-color:red; } .content{ width:1000px; height:2300px; back... 阅读详情

就是说div的top跟left是根据浏览器的大小而定的，不是根据body的大小。。
请问有这样的方法吗，是获取滚动条的位置吗？
请说下具体怎么写，谢谢！

...全文

Qt中输出中文出现乱码（win10系统下）当我刚开始在win10下使用Qt Creator（4.3.0版本）时，遇到过这么个问题：当程序输出中文时，中文会乱码，程序本身的中文未乱码。乱码截图如下：我查阅了很多资料，最后在自己的不断的尝试下，解决了乱码问题。进入主题，具体如何解决乱码？ ① 首先，我们先设置一下，可以直观在Qt界面上看到文件的编码方式：点击工具（tool）->选项（option）->文本编辑器->显示->Diplayfileencoding，将其勾选上，点击apply，即可，截图如下... 阅读详情

pad1614

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

slwsss 2014-10-29

打赏
举报

引用 4 楼 pad1614 的回复:

有没有方法可以获得可视区上面跟下面的高度啊？这个是获得可视区的高度$(window).height();，当滚动条滚动到中间，怎么获得可视区上边跟下边的大小啊？是跟滚动条的位置有关吗？

各种高度

pad1614 2014-10-29

打赏
举报

引用 3 楼 slwsss 的回复:

[quote=引用 2 楼 pad1614 的回复:] [quote=引用 1 楼 slwsss 的回复:]
  <div style="width: 100px;height: 100px;margin: -50px 0 0 -50px;background: #F00;position: fixed;top: 50%;left: 50%;"></div>

这种方法始终会居中在页面的中间，而不是浏览器视口的中间，浏览器变小了，但是div的位置还是在中央。。[/quote] 这个就是在浏览器视口的中间[/quote] 谢谢！！我刚开始看成absolute了。。

pad1614 2014-10-29

打赏
举报

有没有方法可以获得可视区上面跟下面的高度啊？
这个是获得可视区的高度$(window).height();，当滚动条滚动到中间，怎么获得可视区上边跟下边的大小啊？
是跟滚动条的位置有关吗？

slwsss 2014-10-29

打赏
举报

引用 2 楼 pad1614 的回复:

[quote=引用 1 楼 slwsss 的回复:]


  <div style="width: 100px;height: 100px;margin: -50px 0 0 -50px;background: #F00;position: fixed;top: 50%;left: 50%;"></div>

这种方法始终会居中在页面的中间，而不是浏览器视口的中间，浏览器变小了，但是div的位置还是在中央。。[/quote] 这个就是在浏览器视口的中间

pad1614 2014-10-29

打赏
举报

引用 1 楼 slwsss 的回复:


  <div style="width: 100px;height: 100px;margin: -50px 0 0 -50px;background: #F00;position: fixed;top: 50%;left: 50%;"></div>

这种方法始终会居中在页面的中间，而不是浏览器视口的中间，浏览器变小了，但是div的位置还是在中央。。

slwsss 2014-10-29

打赏
举报


  <div style="width: 100px;height: 100px;margin: -50px 0 0 -50px;background: #F00;position: fixed;top: 50%;left: 50%;"></div>

jquery让div位置根据浏览器视口变化而变，能一直保持居中。

相关推荐