如何使用Jquery设置HTML body的第一个表的first‘how first的td的高度？
浏览 2提问于2011-03-08得票数 0
回答已采纳
我是第一次尝试bootstrap，我正在构建一个滑块。我遇到的问题是在主题中，我尝试了我所知道的一切，但旋转木马中的图像似乎完全忽略了其父元素的最小和最大高度100%，而是缩放到自动。
HTML：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<title>
浏览 1提问于2015-01-17得票数 0
在这里，我有一个页面，由于内容的缺乏，我们不能完全覆盖屏幕的高度。我的脚开始漂浮在空中..。我试着在字段集中使用最小高度来完成它，但不幸的是，它只在我更改浏览器或在其他系统上试用时才能在浏览器上工作。我试过：
CSS
html,body{
min-height:100%;
height:100%;
}
[id]center_wrapper{
min-height:100%;
height:100%;
}
Javascript
var body1 = document.getElementsByTagName('body')[0];
consol
浏览 2提问于2013-06-15得票数 2
回答已采纳
3回答
我有这样一个简单的html页面：
<html lang="en">
<head>
<style>
html,body
{
min-width:100%;
min-height:100%;
position:relative;
}
img
{
width:200px;
height:200px;
浏览 4提问于2014-05-30得票数 0
回答已采纳
1回答
我正在结合使用PhantomJS和Python的PDFKit来生成PDF。我有以下Node脚本，我的Python脚本调用它来获取每个页面主体的大小：
var args = process.argv.slice(2);
var phantom = require('phantom');
phantom.create().then(function(ph) {
ph.createPage().then(function(page) {
page.viewportSize = {width: 20, height: 1200};
page.
浏览 2提问于2016-04-26得票数 0
3回答
如何设置此DIV的高度以使其到达视口底部？DIV 不能完全定位；它在流中。
<html>
<body>
Hello world...
<div>xxx</div>
</body>
</html>
如果有CSS解决方案(我对此表示怀疑)，那么它是很棒的，但是使用JS/jQuery是可以的。CSS3也很好。
浏览 0提问于2012-03-12得票数 2
回答已采纳
我使用CSS补丁来确保不透明度不会影响内部元素，而且我遇到了一个问题。该图像将只延伸到可见页面的100%。然而，我的页面相当高，其中一半是隐藏的，只有通过向下滚动才能访问。但是，一旦你向下滚动，图像容器就结束了，我只能得到一个坚实的填充颜色。可以修复这个问题吗，比如CSS或jQuery？
示例：
HTML:
<body><!-- Bg Color -->
<div class="bgImg"></div><!-- Bg Image Container -->
<div data-role=&
浏览 2提问于2012-03-07得票数 0
回答已采纳
我正在为完整的浏览器flash做一个jQuery插件，它有一个最小的大小限制，比如800x600，所以如果浏览器超过800x600，包含的div被设置为100%宽/高，它低于这个大小，它被设置为800x600。
(function ($, fullFlashMinSize) {
var getWindowSize = function ()
{
return {
width: $(window).width(),
height: $(window).height()
};
};
浏览 1提问于2009-12-11得票数 0
我正在使用AngularJS、jQuery UI (带有调整大小的自定义指令)和引导。在我的页面上，一个Google出现在顶部，一个表格将出现在底部。当用户调整底部的大小时，我希望Google自动调整大小以占用剩余的空间。
我尝试过几种不同的方法，包括：
设置html, body { height: 100%; width: 100% }和#mapCanvas { height: 100% }。
使用柔韧盒和柔韧生长。
在调整底部尺寸后计算顶部部分的大小，并在此基础上动态更改#mapCanvas元素的高度。
但这些我都没有运气。如有任何建议，将不胜感激。下面是一个说明这一问
浏览 0提问于2019-07-21得票数 1
回答已采纳
我想知道像div body和tables这样的html元素的宽度和高度。
这是可能的吗？我想要计算的宽度和高度，而不是我应用于元素的宽度和高度。
使用jquery就可以了。
谢谢
浏览 0提问于2010-03-09得票数 2
回答已采纳
2回答
我有一些jQuery代码，当用户在textarea中输入内容时，我可以用它自动调整use的大小。有没有办法让它在到达屏幕底部时停止？
<html>
<head>
<title>Page Title</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"> </script>
</head>
<style>
.modalTextArea{
浏览 1提问于2016-04-22得票数 0
2回答
最近，我尝试用动画的jquery将滚动卷放到顶部。一切看起来都很好。但我需要按百分比来做。例如，scrollTop是100%，然后它滚动100%。我不确定。现在我相信它是象素的。如何在jquery的动画函数中使用百分比，类似于scrollTop:100%，我尝试过了，但我得到了控制台错误。
这是
$('#spnTop').on("click",function(){
$('html,body').animate({ scrollTop: 0 }, 'slow', function () {
浏览 5提问于2013-10-22得票数 1
回答已采纳
当我需要捕获放置在html主体上的控件时，html2canvas库的行为很奇怪，该控件的长度超过30000像素。我的控件很小(100x100)--但是脚本在身体长的时候不能工作。
这里有两个小提琴，一个在工作，另一个不工作，不同的身体尺寸
$(document).ready(function() {
$('#test').on('click', function() {
html2canvas(document.getElementById('container'), {
onrendered:
浏览 4提问于2016-05-30得票数 4
回答已采纳
我正在开发一个单页wordpress网站。因为它是单页的，所以我使用了jQuery scrollTop来为菜单添加动画。当我点击带有div id的相应菜单链接时，我想转到特定的div。当前问题是固定位置的菜单选项卡与内容交叉。它显示在div内容上(视口问题)。
我想在此菜单选项卡和div内容之间留出一个间隙，以使内容完全可见。
用于滚动效果的jQuery代码如下：
$(document).ready(function() {
$('a[href=#welcome]').click(function(){
$('html, body').an
浏览 2提问于2013-02-28得票数 0
回答已采纳
1回答
我有一些UI元素需要无限滚动。所以我正在使用。当div结束时，我想获取新的数据。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script src=js/jquery.jscroll.js></script>
<script>
$('.scrollt').jscroll(function(){
$(".scrollt").load("
浏览 3提问于2013-08-02得票数 1
回答已采纳
我正在尝试让容器中的所有div都具有与最大的相同的高度。基本上，所有div都是容器内100%的高度，并且不固定任何div的高度。
下面是我想出来的，但我似乎不能让它在所有的浏览器上都能工作。有没有一种方法可以在不使用jquery、javascript的情况下实现这个结果。
下面的结果是通过设置容器高度，但我想实现这一点没有固定的高度，因为内容将发生变化。
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Cont
浏览 0提问于2014-09-26得票数 0
我使用这段代码来检查用户是否已经滚动到底部代码，但它在Google Chrome上不起作用，但它在Microsoft Edge上成功工作。
在Google Chrome中，当我滚动到底部，再滚动到顶部时，它就可以工作了，但我不知道为什么。
这是我正在使用的代码。
<script>
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
alert("bottom!");
}
})
浏览 2提问于2018-07-18得票数 1
3回答
我正在尝试在jQuery中创建一个类似于灯箱的东西。为了垂直对齐我的灯箱，我使用了jQuery。这是我的插件代码：
(function($){
$.fn.lightbox = function(){
return this.each(function(){
/*plugin code starts here*/
var self = this;
console.log(self);
/*
* Now we will vertically alig
浏览 4提问于2014-07-05得票数 0
我正在使用Jquery创建一个可扩展的列表。
这里是我的例子，
<style>
.showDetail { height:30px }
</style>
<ul data-role="listview" data-split-icon="delete" data-inset="true" class="recentList">
<li id="recentCall1" class="menu-item">
浏览 3提问于2014-03-14得票数 0
回答已采纳
1回答
我正在使用jQuery UI滑块。如果我将手柄的高度更改为超过标准的高度(20 to )，然后单击滑块手柄并将其移动到任意方向--滑块的手柄会跳几个像素。
我不想让它反弹。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-u
浏览 3提问于2013-08-25得票数 2
回答已采纳
2回答
是否在单个div上启用滚动？
、、、、
我有一个看起来像这样的布局：
<html>
<head>
stuff here
</head>
<body>
<div id="master">
<div id="toolbar">
<input type="text" id="foo">
</div>
<div id="content">
a whole bun
浏览 2提问于2011-02-12得票数 4
回答已采纳
3回答
iframe自动高度
、、、
我到处都找过了，也找不到一个好的解决方案。我遇到了这个，它在除了Firefox和IE之外的所有浏览器上都能工作:(帮助？
jQuery(function() {
sizeIFrame();
jQuery("#ifrm").load(sizeIFrame);
});
function sizeIFrame() {
var videoBrowser = jQuery("#ifrm");
var innerDoc = videoBrowser.get(0).contentDocument ?
videoBrowser
浏览 2提问于2011-11-24得票数 2
回答已采纳
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Demo</title>
<style type="text/css">
#gallery
{
width: 960px;
margin: 0 auto;
}
.galleryitem
{
浏览 2提问于2013-06-19得票数 0
回答已采纳
我试图滚动到通过jquery切换打开的Div的底部。
我试过这样做：
$(document).ready(
function() {
$(".menuitem").click(function() {
$('#'+$(this).attr("id")+'sub').toggle(1000);
$('html, body').animate({"scrollTop": $('#'+$(this).attr(
浏览 4提问于2013-11-07得票数 1
回答已采纳
5回答
我有一个div (id="mainDiv")，如果用户改变浏览器窗口的大小，我需要动态调整它的大小。我已经编写了以下代码来尝试让它工作，但是这似乎并没有设置我的div的高度
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
var height = $(window).height();
$("#mainDiv").height(height);
</script>
<body>
浏览 0提问于2013-04-09得票数 2
回答已采纳
我接到的电话是这样的：
$("#ContextMenuModal").height($("body").height());
然而，当我在Firebug中查看它时，$("body").height()返回未定义。
什么会导致jQuery为body height返回undefined？
我使用的是jQuery 1.4.1。
编辑：
这是在iFrame内部
浏览 0提问于2012-06-14得票数 6
回答已采纳
1回答
轻松滚动到锚点
、、、
我正在尝试使用jquery来简化单击链接时滚动到锚点的过程。但我不想让它一直滚动到顶部。它必须从顶部停止至少90px，这样锚定的div就不会在我的固定标题菜单栏后面，它是90px高的。有什么想法吗？
$(function() {
$('a').bind('click',function(event){
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: $($anchor.attr('hre
浏览 0提问于2012-10-01得票数 2
回答已采纳
2回答
遗憾的是，在下面的代码中，它不起作用--只有一小部分map在头部可见。也许有人能帮上忙？
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title&
浏览 0提问于2013-05-19得票数 2
回答已采纳
谷歌搜索结果和jQuery文档表明，jQuery的height()和width()方法不会维护元素的比例。
然而，当我运行我的代码时，似乎确实保持了相称性。
有谁能纠正这一点吗？
下面是我的代码：
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="https:
浏览 2提问于2010-12-19得票数 2
回答已采纳
1回答
我希望iFrame占80%的高度和广告有剩余的20%。
代码
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<iframe id="iframe" src="xxxxxx" style="border:0; width:100%;"></iframe>
<script async src="//pagead2.googlesyndicati
浏览 0提问于2016-07-05得票数 0
2回答
看这里：
假设当有人滚动经过或低于div1时，我想更改主体的背景颜色，如果jquery可以做到这一点，我该如何做？
我知道有这样的情况：
$(window).scroll(function() {
var y_scroll_pos = window.pageYOffset;
var scroll_pos_test = 100;
if(y_scroll_pos > scroll_pos_test) {
$("body").css("background-color","black");
}
else
{
$("body&
浏览 2提问于2015-09-22得票数 3
回答已采纳
我觉得这个问题的答案会简单得令人尴尬，但它消耗了很多时间，我看不到解决方案。我正在做一个简单的无限滚动功能，需要脚本来识别后加载更多的内容窗口的新高度。该值始终与第一次加载时间相同。我基于编写了这段最新的代码，但它仍然不能工作。有什么想法？
var scrollFunction = function(){
var myTop = jQuery(window).scrollTop();
var myHeight = jQuery(window).height();
if (myTop >= myHeight){
$(
浏览 0提问于2012-08-31得票数 1
回答已采纳
1回答
我试图通过编辑样式面板中的@media行来使用Chrome工具来调试媒体查询。但这是过于劳动密集的。
我要找的是：
宽度/设备-宽度(以像素/毫米/其他单位表示)
字体大小(毫米)
是否有方法运行jQuery命令或其他工具来获取这些值？
任何对调试媒体查询的搜索都会在一个特定的页面或手工调试(编辑这个，请参阅，等等)或像$('body').width()这样的琐碎内容上找到建议。
浏览 3提问于2015-08-27得票数 0
5回答
在这里我要问两个问题。
如何获得div的确切宽度
代码：
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert("Width of div:
浏览 0提问于2014-11-24得票数 0
2回答
我正在尝试使用jQuery制作底部按钮的动画滚动，当页面位于底部时，该按钮会淡出。我已经在互联网上找到了这段代码，并对其进行了修改，但我无法让它工作。
<script>
//to bottom
$(document).ready(function(){
// hide #back-top first
$("#back-bottom").show();
// fade in #back-top
$(function () {
$(window).scroll
浏览 0提问于2012-09-08得票数 1
回答已采纳
我有一个简单的HTML页面，我试图在DIV上应用幻灯片动画。DIV没有任何花哨之处，描述如下：
<body>
<div id="content" style="position:absolute; top: 5%; left: 5%; width:80%;
height:70%; color:#333; background:#eaeaea;
border:1px solid #333;">
浏览 0提问于2011-09-15得票数 1
4回答
我有一个代码，通过它我可以增加文本区域中文本的大小，我可以通过给定的代码来完成这个任务，但是我有一个问题，当增加文本的大小时，它也会增加文本区域的大小，我不想这样做，我也希望文本区域可以滚动。
守则如下：
<HTML>
<head>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function () {
$('select[name="font"]&#
浏览 3提问于2014-03-05得票数 0
回答已采纳
在试图解决这个问题时，我只遇到了jQuery插件。但是由于我的站点很小，我只使用jQuery替代。
我想实现以下行为：
当页面的内容无法完全填充视图时，请坚持到底部。
如果内容填充屏幕，只需在内容下面结束。
根据我从jQuery插件中看到的内容，我需要计算内容的高度，从当前的视图中减去它，看看结果是否为负值。
但既然我不使用jQuery，我是怎么做到的？
我的HTML结构(类似)如下：
<!DOCTYPE html>
<html>
<head>
<title>...</title>
</head>
浏览 4提问于2015-05-17得票数 1
回答已采纳
我以为这会有用，但它没有。我做错了什么？
html, body {
min-height: 100vh;
}
header, footer {
background-color: blue;
height:100px
}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/aja
浏览 7提问于2022-03-19得票数 1
回答已采纳
1回答
我有一个网页，我在折叠上方的圆圈中显示了一个向下的箭头，以表明下面有更多内容。当这个箭头被点击时，我已经让jQuery在适当的位置执行到页面底部的动画滚动，然后jQuery向上滚动到所需的位置。当动画到达页面底部时，我希望jQuery立即开始向上滚动到所需的位置，而不会在页面底部有短暂的停顿。我尝试在每个动画的末尾使用和不使用function选项的情况下使用jQuery，当第一个动画到达页面底部时，我仍然注意到暂停。
示例页面位于：
我的示例代码是：
<script type="text/javascript">
$(document).ready(function
浏览 2提问于2015-04-27得票数 1
我正在尝试制作一个“绘图”应用程序，它允许用户通过将鼠标拖动到画布上来绘制一些东西。
但是，我想在用户拖动鼠标的地方画一个‘像素’：鼠标的位置和绘制‘像素’的位置不一样。我在网上到处搜索，但我不知道我的版本和他们的版本有什么不同。
图片：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Drawer</title>
<script src="jquery-
浏览 0提问于2016-03-10得票数 1
我有下一个问题:当我滚动3/4页面时，我需要运行一些事件。我这样做：
var limit_height = 3/4 * jQuery('body').height();
jQuery(window).scroll(function() {
if (jQuery(window).scrollTop() > limit_height) {
alert('You are scrolled 3/4 of page!');
}
});
因此，当我查看控制台时(选中current scro
浏览 2提问于2012-10-09得票数 0
我尝试了许多与jquery插件一起使用的不同示例，但并不幸运。
这是简单的代码
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false">&l
浏览 3提问于2012-07-12得票数 0
clear: false,
buildGallery: function (options) {
var opt = {};
jQuery.extend(opt, jQuery.mbBgndGallery.defaults, options);
opt.galleryID = new Date().getTime();
var el = jQuery(opt.containment).get(0);
el.opt = opt;
浏览 4提问于2015-10-03得票数 1
回答已采纳
2回答
我创建了一个包含iframe的网页。我想使用浏览器滚动条滚动iframe内容。下面是我的代码：
<html>
<head>
<script src = "jquery-2.1.4.min.js">
</script>
<script src = "iframe.js">
</script>
<style>
button{
position
浏览 4提问于2015-06-08得票数 0
1回答
我是响应式网页设计的新手，我被卡住了，我相信这会是一些愚蠢的原因，但我正在努力解决它。我让div body_main_wrapper和它的子div Functions_Panel_Wrapper和Function_Page_Wrapper漂浮在左边。父div和子div的高度是在运行时使用jQuery计算的。当视图端口小于786时，子div以100%的宽度和自动高度显示。
我使用的是else if (viewport width < 786) height("auto")，但是我的孩子div消失了...
jQuery插件
(function ($) {
$.fn.adj
浏览 2提问于2013-12-03得票数 0
2回答
这是我的代码：
<html>
<body>
<div id="id">
<div class="one">
<img>
</div>
<div class="two">
<img>
</div>
<div class="one">
<img>
</div>
</div>
</bod
浏览 3提问于2013-06-01得票数 0
回答已采纳
当使用jQuery爆炸效果的元素的宽度/高度由百分比定义时，我似乎无法使其工作。它不会被分成几部分，而是漂浮在屏幕的左边。
示例：
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.co
浏览 1提问于2012-11-08得票数 1
回答已采纳
我正在使用Optiscroll jquery插件来自定义默认的浏览器滚动条。我想更改正文滚动条。
$('body').optiscroll()
这不管用。包装器下的所有东西都藏起来了。
我在body中添加了一个包装器，但它也不起作用。
$('.wrapper').optiscroll()
<body>
<div class="wrapper optiscroll">
<!-- Code here-->
</div>
</body>
有什么解决办法吗？
浏览 0提问于2016-10-30得票数 1
3回答
单页网站上的滚动位置错误
、、、、
我有一个问题，当作为外部链接引用时，滚动位置不会转到页面的相应部分。
例如，当试图访问这个原始的URL时，的想法是让页面加载到该部分。但是，会发生什么，它是滚动到之间的伴郎和礼物部分。
同样的链接，当从网站侧导航中使用时，效果很好。例如，转到，然后单击RSVP菜单项，您将看到它确实转到了相应的部分。
我已经检查了页面上是否有任何JS或其他错误，但似乎没有。
有人能帮上忙吗？
提前谢谢。
狮子座
=============================================================================
代码示例
函数(文档).ready(jQuer
浏览 2提问于2014-08-01得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
