我正在使用选择器$(‘jQuery’).css(‘top’)来获取顶值，以帮助定位动态元素，我发现根据浏览器的不同，我会得到不同的结果。
如果选择器样式设置为顶部:5%
Firefox的回报率为5%。
IE 7、8、9返回一个像素值，该值随浏览器屏幕(wow)的宽度而变化。
Chrome返回'auto‘。
在下面的测试html中，firefox返回：
m1 - 5%
m2 - 100%
m3 - 100px
IE 7、8、9返回：
m1 - 25px
m2 - 509px
m3 - 100px
如果我加宽屏幕，IE返回：
m1 - 49px
m2 - 977px
m3 - 100px
浏览 0提问于2011-10-25得票数 2
回答已采纳
1回答
正在研究一个能触发div可见性的锚点。如果我在Jquery 1.3.2库中运行它没有问题，但是当我尝试使用1.7.1时，它不被识别。有什么想法吗？
$(function() {
var a = function() {
var windowtop = $(window).scrollTop();
var d = $("#anchor").offset({scroll:false}).top;
var c= $("#flyout");
if (windowtop > d) {
c.css({visibility:"visible"});
浏览 0提问于2012-03-14得票数 2
回答已采纳
3回答
下面的jQuery代码在Safari、Opera、FF2和FF3上运行得很好。它将一个忙碌的DIV (带有一个动画的忙碌的GIF)放在我的网页上的一个表单元素上。问题是在IE6和IE7中，它可以正确地获取宽度和高度，但似乎不能正确地获取顶部和左侧。有什么问题吗？
var nH = $('#' + sForm).attr('offsetHeight');
var nW = $('#' + sForm).attr('offsetWidth');
var nT = $('#' + sForm).attr('off
浏览 2提问于2009-01-09得票数 0
2回答
我似乎无法修正这些警告：
将其与前面的“var”语句结合起来，即第7、9和10行。
无法到达“返回”之后的“如果($window.width() <= 770) { return;在哪里？”
这里是脚本：
//StickyBox
$(function () {
$.fn.scrollBottom = function () {
return $(document).height() - this.scrollTop() - this.height();
};
var $St
浏览 4提问于2013-10-23得票数 1
回答已采纳
2回答
这是我的getoffset js代码，可以得到div宽度和左
var objRedPacketDivStyle = document.getElementById("styRedPacketAppear");
var objOffset = objRedPacketDivStyle.offset();
var intWidth = objOffset.offsetWidth;
var objWidthStart = objOffset.offset.left;
var objWidthEnd = objWidt
浏览 2提问于2018-11-15得票数 1
回答已采纳
1回答
我已经尝试了很长一段时间来使它完全工作并完善代码，但我仍然是一个新手javascript程序员，所以我决定寻求帮助。
我想要脚本做的是，当一个div点击到页面的顶部(或底部)时，主体背景会发生变化。
我现在的剧本是。
function bg_switch()
{
var window_top = $(window).scrollTop();
var div_top = $('#post12').offset().top;
var div_top_1 = $('#
浏览 3提问于2014-03-02得票数 0
回答已采纳
我在做一个盖茨比的项目。我正在尝试找出在我的应用程序中包含外部脚本的最佳方法。目前，我在'src‘目录中有一个'assets’文件夹，里面有我的css和js文件。我在布局组件的顶部导入了所有的css文件，这似乎工作得很好。然后，我在同一布局组件中使用react helmet来包含我所有的js文件。我在浏览器控制台中收到以下错误消息：
The script from “http://localhost:8000/assets/js/plugins/jquery-2.2.4.min.js” was loaded even though its MIME type (“text/ht
浏览 0提问于2019-11-30得票数 0
我遇到了django在开发过程中没有为一些静态资产提供服务的问题。这是一个非常奇怪的问题。
下面是我的静态目录的相关部分：
site_media
└── static
├── css
│ ├── public.css
│ ├── site-ada8eab0af.css
现在，这是我的静态文件目录，当我运行manage.py collectstatic时，可以正确地从我的静态目录导入内容。
我的模板中有两行：
<link href="{% static 'css/site-ada8eab0af.css' %}" rel=
浏览 0提问于2017-10-11得票数 0
我刚写了一个简单的滑块。但有件事很奇怪，我无法解决。该脚本工作在火狐(12)，而不是与；克罗姆(23.0.1271.64米)，歌剧(12.02)，即(7-8-9-D)，狩猎(5.1.7)。
下面是代码。有人能告诉我怎样才能修好它吗？
$.fn.etkinlikslide = function() {
var etkinlikid = this.selector.replace(/\#/g,'');
var esheight = parseInt($('#'+etkinlikid).height());
var eph
浏览 0提问于2012-11-23得票数 2
回答已采纳
2回答
在顶部框架上显示模式弹出
、、、、
我有一个要求显示一个模式弹出在jsp上的链接点击。问题是jsp已被划分为帧。链接存在于其中一个框架中，当然，弹出需要在屏幕上隐藏每一个帧。但它只显示弹出遮挡当前帧，而不是整个屏幕。这就是我的代码。这是我从博客上得到的，但我需要一些修改的帮助：
CSS:
#mask {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}
#boxes .window {
position:fixed;
left:0;
top:0;
width:900
浏览 4提问于2015-02-10得票数 0
回答已采纳
2回答
我从另一个堆栈溢出问题中得到了这段代码，但似乎有一个小问题。当我从一节移动到另一节时，散列会正确地改变，但当我试图向上滚动时，它会跳到最上面，而不是平滑的手动滚动。如有任何帮助，我们将不胜感激:)
HTML
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="https://ajax.googleapis.com/aj
浏览 8提问于2015-11-30得票数 2
我希望每个页面都有一个脚本文件，其中的脚本可能是该特定页面所必需的，也可能不是该页面所必需的。在我的主页上，我有一个脚本：
$(function () {
var $select = $('#select');
var $window = $(window);
var isFixed = false;
var init = $('#select').offset().top;
$window.scroll(function () {
var currentScrollTop = $window.scrollTop();
if (curren
浏览 3提问于2014-05-09得票数 1
回答已采纳
5回答
了解偏移方法的返回值
、、、、
我在HTML中有一个带有id="stimulus"的元素。
当我在浏览器中打开这个文档并使用浏览器的控制台调查#stimulus的属性时，我看到的是：
> $('#stimulus').offset()
< Object {top: 0, left: 0}
> $('#stimulus').css('top')
< "-155.761px"
> $('#stimulus').css('left')
< "253.087px"
我该怎
浏览 4提问于2016-01-22得票数 9
回答已采纳
3回答
单击链接Click Me后，页面回滚到顶部。我不想这样。怎么才能修好呢？
示例：
滚动条：
function myalert() {
var result = true;
//var hide = $('.alert').fadeOut(100);
//var css = $('#appriseOverlay').css('display','none');
var $alertDiv = $('<div class="ale
浏览 7提问于2011-10-08得票数 6
2回答
和其他人一样，我尝试在向下滚动的过程中修改导航栏。我读到了这个问题：
我不能让它在我的网站上工作，我不明白这个问题：
HTML：
<!-- Navbar -->
<nav class="navbar justify-content-center navbar-expand-sm navbar-dark fixed-top navbar-custom">
<!-- Menu Links -->
<ul class="navbar-nav" >
<li class="
浏览 0提问于2018-11-12得票数 0
根据jQuery的正式文件，这一职能应该：
“获取匹配元素集合中第一个元素的当前坐标，相对于偏移量父元素。”。
下面的代码将返回值51，但它返回值0。有人也能提供洞察力吗?为什么？提前谢谢。
我知道添加css( top :xx)是有效的，如果是这样的话，这是否意味位置()只在元素具有top的css属性的情况下才能工作呢？
<html>
<head>
<style type="text/css">
.outer
{
width:200px;
height:
浏览 1提问于2012-07-18得票数 16
回答已采纳
我需要获取我的画布元素相对于文档(而不是视区)的物理位置的引用。我的问题是，在Chrome中，document.body.scrollTop返回正确的滚动位置，而在FireFox中，document.documentElement.scrollTop返回正确的位置。显然，Firefox只是使用了一个不同的元素来计算滚动位置，但这真的很痛苦。
这似乎是一个常见的问题。有没有人知道有没有办法强制兼容CSS规则？比如，强制在body或html元素上进行滚动？我尝试过用不同的方法设置每种方法的overflow属性，但似乎没有成功。
我对JavaScript解决方案持开放态度，但我尽量避免“如果火狐使用
浏览 1提问于2015-04-21得票数 0
如何将.animate添加到这段代码中？
$("body,html").scrollTop($("#wrapper3").position().top);
我曾尝试在scrollTop之前添加.animate，但在Dreamweaver中一直显示错误。
任何帮助都是非常感谢的。
编辑：
HTML
<!DOCTYPE html>
<meta charset=utf-8>
<html lang="da">
<html>
<head>
<link href="_css/fddkS
浏览 2提问于2013-07-08得票数 1
回答已采纳
3回答
我有一个“按钮栏”div，我只想在用户单击“设置”按钮后才显示。我已经将按钮栏div设置为显示:在我的css中没有。不幸的是，当单击“设置”按钮时，div会出现一秒，然后消失。有人知道为什么会发生这种事吗？我现在的代码是：
$(document).ready(function() {
$('#settings').on('click', function() {
$('#button-bar').css('display', 'inline-block');
});
});
浏览 5提问于2014-06-26得票数 0
回答已采纳
2回答
$(document).ready(function() {
//select all the a tag with name equal to modal
$('a[name=popup]').click(function(e) {
//Cancel the link behavior
e.preventDefault();
//Get the A tag
var id = $(this).attr('href');
//Set the popup window to ce
浏览 1提问于2010-08-26得票数 0
回答已采纳
1回答
我试图使用css 3变换旋转函数将div旋转到一个点。
我谈到了这一点：
$(document).ready(function(){
var scw,sch,scx,scy;
calcCenter();
$(window).resize(function() {
calcCenter();
});
function calcCenter(){
sch = $(window).height();
scw = $(window).width();
scx = scw/2;
浏览 4提问于2014-09-25得票数 8
回答已采纳
1回答
我正在处理一个HTML页面。此页面允许用户选择将用作DIV的“背景图像”属性值的图像。用户还可以选择一种将对图像进行阴影处理的颜色。
在尝试构建它时，我发现了这个站点：。它做的正是我想要的。然而，我的应用程序中的代码似乎没有适当地应用背景色。如果设置了background-image值，则背景颜色没有影响。这就是我所拥有的：
<div id="myDiv" style="height:200px; width:200px; border:1px solid black; display:inline-block;"> </di
浏览 1提问于2013-03-19得票数 0
我试图让用户点击一个链接，这将把他们带到一个页面上的一个特定的点。我已经把它修好了，但是我的菜单消失了。我想我的css不正确。我已经复制了代码，并尝试在示例中复制尽可能多的poss。
浏览 2提问于2012-02-13得票数 0
回答已采纳
1回答
使用CSS在移动设备上自动滚动
、、、、
我当前的网站菜单是通过Bootstrap开发的。
目前，当其中一个子菜单打开而我打开另一个子菜单时，初始子菜单关闭，迫使选项卡向上滑动，所以我不是看菜单的顶部，而是看中间甚至底部，这取决于我单击打开第二个子菜单时屏幕下方有多远。
有没有一种方法，通过使用CSS，我可以强制屏幕从子菜单回到顶部，这样当我打开菜单时，无论屏幕处于什么位置，它总是将我带到顶部？
我更喜欢CSS而不是Javascript，但如果必要的话，Javascript。
浏览 0提问于2018-01-02得票数 0
2回答
我想每隔200毫秒更改我的div的顶部和左边位置，为什么这段代码不能工作？
$(document).ready(function(){
setInterval(function () {
//$('#quatao').css("top", "+=20"); it's work!!!!
if (parseInt($("#quatao").css("top"),10) < 350) {
$("#quatao").css(&
浏览 2提问于2014-10-14得票数 0
回答已采纳
1回答
我是新来的ASP，不是ASP.NET。我以前编程过，有过PHP方面的经验。我有很多HTML和CSS的经验。我喜欢整理我的档案。我知道(在php文件中)，我只需链接标签中的外部css就可以为我的网页设置样式。我想ASP也是一样的。是的，但不是给我的。
每当我试图编辑asp程序的样式并在服务器上运行它时，它都无法工作。我也创建了其他页面，同样的事情也发生了。每当我使用Google来查看元素时，我都可以看到我的代码，但是当我单击“检查元素”工具中的样式表时，它就会在旁边打开，没有显示任何内容。我编写了css脚本，并试图使背景颜色变黑。只有当我在标记之间的asp文件中执行内部样式设计时，样式才能工作。
浏览 5提问于2014-09-23得票数 0
回答已采纳
我看过所有与我的问题相似的帖子，但似乎没有一个能解决我的问题，所以我的问题。
当我运行python manage.py collectstatic时，django管道会生成没有内容的缩小的css文件。有人能告诉我如何解决这个问题吗。我没有看到我的终端有任何错误。使用django 1.5。
这里是我的django-管道特定设置：
STATICFILES_STORAGE = 'pipeline.storage.PipelineCachedStorage'
PIPELINE_ENABLED = True
PIPELINE_CSS_COMPRESSOR =
浏览 1提问于2014-03-19得票数 2
1回答
我正在使用导航词缀来更改滚动条上的导航背景。有两个单独的nav类: nav-affix和nav-affix-top。它似乎起作用了：
(请指出错误)，但出于某种原因，如果页面重新加载，然后在页面上的任何链接或滑块上有鼠标单击，导航将再次更改类别和背景。任何关于为什么这是振奋人心的洞察力都是值得感谢的！
JS：
$(function() {
$('#nav-wrapper').height($("#nav").height());
$('#nav').affix({
offset: { top: $('#
浏览 0提问于2015-06-08得票数 1
2回答
我已经研究了在Index.cshtml文件中读取CheckBook值的各种方法，但到目前为止，似乎没有一种方法适合我。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"
浏览 1提问于2020-05-05得票数 1
2回答
我试图弄清楚CSS的定位，但我对left和right属性有点迷惑。我知道这些属性采用的值决定了元素将被放置到容器的左边缘或右边缘有多远。但是，如果以这样的方式设置left和right属性，不可能同时满足这两个属性呢？哪个属性具有优先级？
浏览 0提问于2012-01-07得票数 0
回答已采纳
我找到了这个粘性的div代码片段，并对其进行了修改，使其在div命中页面顶部时显示为粘在窗口底部。我只是好奇，有没有一种方法来排序偏移底部。以下是代码：
let Sticky = (function() {
'use strict';
let CSS_CLASS_ACTIVE = 'is-fixed';
let Sticky = {
element: null,
position: 0,
addEvents: function() {
window.addEve
浏览 2提问于2017-08-04得票数 2
我有容器，我想使用JavaScript用鼠标调整它的大小。该实现使用 mousedown 、mouseup和mousemove事件，但是当页面在鼠标下摆被触发之前已经被滚动时，我遇到了一些小问题。
整个页面似乎滚动到零位置。如何修复它，以使页是否已经滚动，调整大小将很好。
联署材料：
//resize div vertically or horizontal or both
$.fn.resizeMe = function(options){
var grippie = $(this),
options = $.extend({resizeMe:"",resize:"
浏览 0提问于2019-08-05得票数 0
回答已采纳
2回答
在我的网站上，我使用的是fancybox 2.1.5。当我打开一个图像并关闭它时，我无意中返回到页面的顶部。这个问题可以在下面的最小示例中看到
<!DOCTYPE html>
<head>
<style media="screen" type="text/css">
body {
height: 100%;
}
html {
height: 100%;
}
</style>
<
浏览 3提问于2014-07-05得票数 0
我正在使用Grunt和TDD编写我的第一个jQuery插件，到目前为止它非常棒。我所有的测试都在浏览器中通过，除了这一个之外，所有的测试都在phantomjs/qunit中传递。
但我肯定我漏掉了什么。我有一个测试，它获取用jQuery添加的页边距的CSS值。
test('adds appropriate styles to image', 1, function() {
this.simpleString.adaminNumReplace();
var newMargin = this.simpleString.find('> img:fir
浏览 0提问于2012-08-22得票数 1
回答已采纳
使用来自Twitter bootstrap 2.1.0的最新样式表，我无法在IE explorer 9中正确呈现带有选项卡的导航栏。
图片在这里
(对不起，我不能嵌入)
它可以在Chrome中正确渲染。
下面是完整的示例：
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.
浏览 1提问于2012-08-31得票数 0
回答已采纳
我使用Ajax动态填充DIV。我将每个页面内容作为CDATA存储在XML文件中。当用户单击导航栏中的链接时，Ajax将加载该特定页面的XML，对其进行解析，并将其内容填充到DIV中。
一切都很顺利，除了一件事。我有一个jQuery模式弹出，它的标记是从页面的XML文件中加载的。来自.js插件的jQuery和.css文件都是加载的，当这是硬编码(即不是从jQuery加载)时，它工作得很好。但是当它从XML加载时，这个模型就不能工作了。
当页面从XML文件中加载时--页面应该做的是从XML文件加载HTML，并且有一个超链接，当单击该链接时，它应该创建模式弹出窗口。相反，点击链接不会触发模式弹出窗口
浏览 5提问于2010-09-28得票数 1
回答已采纳
1回答
修正后的div滚动停止
、、、、
我正在处理一个菜单，这是固定在页面的右侧。我正在使用一些JavaScript，它将菜单保持在它的固定位置，直到站点到达一个特定的位置(243 my从顶部-这清除了我的标题)。所有这些都在工作，因为我的intended...but，我正在寻找一种方法，为菜单停止滚动在特定数量的像素从底部(以清除我的页脚-600 my )。
JavaScript看起来像：
$(window).scroll(function(){
$("#side").css("top",Math.max(15,243-$(this).scrollTop()));
});
HTML看起来像：
浏览 2提问于2018-04-23得票数 1
回答已采纳
2回答
我需要实现一个多if...else if...else语句在jQuery插件，以响应视差背景图像和它的位置。
到目前为止，我的代码是：
if ($thirdBG.hasClass("inview")){
//call the newPos function and change the background position
$thirdBG.css({'backgroundPosition': newPos(0, windowHeight, pos, 2550, 0)});
//$secondBG.css({'backgroundPosit
浏览 5提问于2012-11-22得票数 1
回答已采纳
准确地说，是50便士。我知道密码里有它，但我想我盯着它太久了。
背景故事：我正在制作一个简单的jQuery插件，当悬停在图像上时，它会增加放大镜头的效果。它工作得很好，然后我添加了一些代码，当它从图像的顶部进入时，它开始表现得很奇怪。我使用firebug查看图像的顶部偏移量与光标的pageY值之间是否存在差异。
在下面的链接中，您可以看到，从上面移动它并不能及时激活。
码
update: function(event) {
img.stop(); // To stop the image from constantly animating
img.lens.stop(); //
浏览 2提问于2012-07-13得票数 1
回答已采纳
css效果运行良好，但我如何让它同时使用动画效果？
HTML：
<div id="menu">
<ol>
<li>Home</li>
<li>Blog</li>
<li>Portfolio</li>
<li>About</li>
</ol>
</div>
JS：
$('#menu').find('li').mouseenter
浏览 2提问于2013-06-05得票数 0
回答已采纳
1回答
比方说我有
@media all and (min-width: 360px) {
#navigation {
background-color: #dddddd;
display: block;
position: fixed;
top: 0px;
}
}
@media all and (min-width: 760px) {
#navigation {
background-color: #111111;
display: none;
posit
浏览 2提问于2015-06-10得票数 0
1回答
我使用gulp-clean-css作为gulp.task来缩小CSS。
我的文件路径是css/mehr.css，小型化CSS的路径为css/mehr.min.css。
但当我执行任务时：
gulp minify_css_task
创建了mehr.min.css，但它是空的！
产出：
[11:45:01] Using gulpfile ~/mehr/gulpfile.js
[11:45:01] Starting 'minify_css_task'...
Original size of mehr.css: 7192
Minified size of mehr.css: 0
[11
浏览 2提问于2017-12-21得票数 0
2回答
表单登录错误
、、
可能重复：
我的网站的登录表有问题。在login.php表单的顶部，我有一个
<?php
if (isset($_SESSION['username'])){
header("Location: http://myurl/"); die;}?>
<?php require 'includes/dbconnect.php' ;
?>
<?php require 'includes/header.php'; ?>
当登录成功时，我将它们重定向到
header('Locati
浏览 0提问于2012-09-19得票数 1
回答已采纳
我正在使用角6，试图创建一个HTML元素(表标题)，该元素位于页面的中间，但当用户滚动过该位置时，它将停留在页面的顶部。我试图使用@ViewChild获取该元素的位置，但无法检索它。可能少了什么？
目前，总是应用“粘滞”类，但我只希望在元素的位置为<=到window.pageYOffset时应用粘性类。
我正在尝试使用教程实现与类似的效果。
My：
<table id="tabletop" class="table" >
<thead >
<tr #stickyMenu
浏览 2提问于2019-05-13得票数 1
回答已采纳
2回答
如果您有一个位于“底部”的div，如下所示：
<div id="box" style="position: absolute;width: 10px;height: 10px;bottom: 0px;"></div>
如果你用‘top’改变位置.
$('#box').css({'top':'0px'});
“底部”css命令发生了什么变化，是什么决定了谁(顶部还是底部)获胜？
我应该在设置顶部的同时取消底部吗？
想法：
$('#box').css({'top'
浏览 1提问于2014-05-25得票数 3
回答已采纳
2回答
我正在缩放一个div，以便在不滚动的情况下可见。所以我有：
var sliderOffset = $('.field-slideshow-wrapper').offset().top,
windowHeight = $(window).height(),
sliderAllowed = (windowHeight - sliderOffset),
sliderImage = $('.field-slideshow-slide img').height(),
sliderOriginal = (sliderImage + 150),
浏览 0提问于2016-10-28得票数 3
发布：我开发了一个Spring，我可以从邮递员那里调用它。现在，我从Thymleaf页面请求相同的REST方法。但它只呈现一个字符串。实际页面没有加载..。
这是我的控制器：
@RestController
@RefreshScope
@RequestMapping("/shopping")
public class ShoppingController {
@RequestMapping(value="/productList")
public String listAllProducts(ModelMap model){
logger.i
浏览 2提问于2020-09-19得票数 0
回答已采纳
当我调用JavaScript函数时，控件直接跳到页面的顶部：
<!-- capture image -->
<script type="text/javascript" src="js/html2canvas.js"></script>
<script type="text/javascript" src="js/jquery.plugin.html2canvas.js"></script>
<!-- js.ui range or slider -->
&
浏览 1提问于2014-06-16得票数 0
2回答
我在使用php include时有一个突出显示的问题。这是我的导航栏：
<?php
echo '
<link rel="stylesheet" href="css/index-css.css" type="text/css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com
浏览 0提问于2016-02-08得票数 0
2回答
我正在为我的应用程序创建测试，在Jest中运行它们有问题。我的代码结构如下所示：
<pre>
./src/
├── actions
│ ├── departments.js
│ ├── departments.test.js
├── actionTypes
│ ├── departmentsTypes.js
├── components
│ ├── common
│ │ ├── Form
│ │ │ ├── Form.css
│ │ │ ├── FormElement
│ │ │ │ ├── FormElement
浏览 13提问于2017-09-29得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
