3回答
如何在页面加载时使用jquery向下滑动div，其中css设置为display:none？我看到很多解决方案，但没有一个可以滑动div，如果css设置为display:none。最好的方法是在加载和滑动后隐藏它，但是当页面加载时div会闪烁(show)。
浏览 0提问于2012-01-03得票数 3
除了向左滑动外，我还想让滑块向右滑动。名为“下一步”和“上一步”的两个按钮控制滑动。
目前滑块幻灯片没有留下任何问题。变量direction保存所单击的按钮是“上一步”(向右滑动)还是“下一步”(向左滑动)。当direction == 'previous'滑块向右滑动时，我在实现逻辑时遇到了问题。我认为这只是简单地否定了一些数字，但事实并非如此！
下面是用jsFiddle编写的代码：
出于演示的目的，这段代码被简化了，只会一遍又一遍地滑动相同的DIV。
JavaScript地址：
var $slider= $('#slider'),
sliderHtml
浏览 0提问于2012-08-20得票数 0
回答已采纳
5回答
我需要点击div.toggle1，控制向上滑动，向下滑动div#text1，
单击div.toggle7，控制向上滑动，向下滑动div#text7。
这是我的代码，也在中我的number +1不工作，需要帮助。谢谢。
html
<div class="toggle1">click</div>
<div id="text1">text1</div>
<div class="toggle7">click</div>
<div id="text7">te
浏览 1提问于2011-08-13得票数 1
回答已采纳
我需要动态更改一个Div的高度，基于另一个div中另一个元素向下滑动的高度，而不需要重新加载。
即当我点击向下滑动元素时，该元素必须向下滑动，并且在同一实例中，另一个div的高度必须设置为向下滑动和向上滑动的高度。
以下是我的代码
$(window).load(function() {
var mainheight = $('.main-content-area').height();
var sideheight = $('.side-bar').height();
if(mainheight > sideheight) {
$('.sid
浏览 0提问于2012-11-02得票数 1
我正在尝试用css来定位div绝对。我有两个div，在这里我使用jquery向下滑动和向上滑动。如果一个div向下滑动，另一个div也会受到此代码的干扰。
当鼠标移到第一个div上时，可以建议我停止滑动第二个div吗?反之亦然。
浏览 0提问于2013-05-23得票数 0
回答已采纳
我使用的是顶部面板下拉菜单。类似于此的内容
最初它是在mootools中。但我在IE8遇到了一些问题。所以我想把它改成Jquery。我做了滑下和滑上的功能。但是我无法添加滑动效果。就编码而言，我在按钮的单击事件上调用了一个函数。向下滑动时增加高度、位置等，向上滑动时将其移除。
function toggle(articleheight,height) {
if(height < 0){
slideIn(articleheight);
}
else{
slideOut(articleheight);
}
浏览 2提问于2011-10-24得票数 0
回答已采纳
2回答
我试着让每一句话都在不同的时间出现。现在，它们都是同时向上滑动的。我希望第一句话向上滑动，然后可能是0.1s，第二句话向上滑动，以此类推。这是我的javascript。我试着只用javascript来做这件事，没有额外的css。
<div class="container">
<div class="sentences">The first sentence</div>
<div class="sentences">The second sentence</div>
浏览 1提问于2017-10-05得票数 0
1回答
当我的鼠标超过div .frame时，我想滑动切换2div：.content和.content2，我希望.content从下到上滑动，.content2从上到上滑动。问题是它们都是从上到下滑动，但是当我只将代码设置为滑动切换.content时，它会从下到上进行切换。
我的jQuery是
$(document).on('mouseenter', '.frame', function() {
var el = $(this);
content = $(".content");
content2 = $(".conte
浏览 1提问于2013-09-06得票数 2
回答已采纳
2回答
我试图使用jquery动画选项实现滑动div的效果。我可以“滑动”家长的斜面，但我有问题显示背后的滑块。
我创建了这个来展示我的问题。
尝试取消对photoOptions div的注释。我试图隐藏这个div，所以只有当父div被滑动时才会显示出来。
<div class="photoWrapper">
<!-- <div class="photoOptions"> This is your data. </div>-->
<div class="photoHolder">
浏览 5提问于2013-08-05得票数 1
回答已采纳
1回答
我正在开发一个单页面应用程序，因为我有三个div，我需要分别显示隐藏。在中间的div中，我有一些选项卡，我可以在其中执行滑动操作。
我使用Hammer.js进行滑动，使用jquery-scrollto.js进行滚动
HTML
<div id="revolutionary">revolutionary</div>
<div id="middle">middle</div>
<div id="agendaa">agendaa</div>
JS
$(document).ready(
浏览 1提问于2014-12-12得票数 0
1回答
我使用css3动画将一个div向下滑动到一个只有几个div集的列表中。我试图实现一个幻灯片进和滑出的效果，就像垂直新闻滚动条在这个网站
Css
.slidein{ animation:slide 1799ms linear; top:0px; -webkit-animation:slide 1799ms linear;}
@keyframes slide
{
0%{ top:-100px;}
100%{ top:0px;}
}
@-webkit-keyframes slide
{
0%{ top:-100px;}
100%{ top:0px;}
}
Jquery
$(".p
浏览 1提问于2013-08-01得票数 0
我想知道CSS是否有一种方法来设置div的高度，并使该高度保持不变，即使内容位于该div中……它不是往下推，而是保持不变。
例如，我想使用jquery的向下滑动和向上滑动函数，但是我不想让其余的内容滑动，所以如果我把一个设置了高度的div放在我想要滑动的内容之外，那么高度将保持不变。
干杯,
浏览 0提问于2011-05-13得票数 1
回答已采纳
2回答
我有一些数字，如下所示。
<body>
<div class="main">
<div class="page1 active">
<p>Page1</p>
<button id="btn-about">Page2</button>
</div>
<div class="page2">
<p&
浏览 3提问于2013-09-24得票数 0
回答已采纳
1回答
我有一个带有Css Class : display:none的div，在DIV里面有asp.net按钮，当DIV向下滑动并点击里面的按钮时，DIV就会向上滑动。
我想在点击asp.net按钮后保持显示此DIV。怎么做到的？
浏览 1提问于2012-02-26得票数 0
2回答
我想将一个div向上滑动，在它完全向上滑动之后，我想将另一个<div>向下滑动(默认情况下它是隐藏的)。
我正在尝试下面的代码，它做我想做的，但我没有得到这样的效果，即在第一个代码完全向上滑动之后，div就会下降，看起来div开始出现，而另一个div开始在上面滑动。
所以，我如何让它等到第一个div完全向上，然后它开始向下滑动。
HTML:
<div class="box">
<div class="up"></div>
<div class="down"></di
浏览 5提问于2012-08-30得票数 1
回答已采纳
1回答
我已经写了一个内容滑块代码，我能够滑动的内容从右到左点击正确。
但是，如果我必须从左向右滑动内容，我必须在从左向右滑动后第一次单击两次左箭头按钮。
此外，一旦我开始从左向右滑动内容，如果我必须从右向左滑动内容，我必须第一次双击右箭头按钮两次。
下面是代码。
<head>
<title></title>
</head>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type=
浏览 1提问于2013-01-10得票数 0
我正在(努力)在jsFiddle上工作，以获得两个div来加载内容，并基于选择触发器激活targetID并滑动到容器div中。
所以，我需要内容在左边滑动，图像内容在右边滑动。
我已经让内容div工作了，但是当第二个函数触发使图像div上升时，它会填充在左边的内容div中，而不是右边的图像div中。
任何jsFiddler的帮助都将不胜感激。
$('#drop').on('change', function() {
moveUpContent($("#container"), $("#content"+this.value),
浏览 0提问于2014-05-13得票数 1
回答已采纳
1回答
我已经将一个div设置为$('#myDiv').css('visibility', 'hidden');。我的问题是，我如何让它看起来从左向右滑动？
这就是我尝试过的，但我需要让它从左向右滑动。
if($('#myDiv').css('visibility') == 'hidden'){
$('#myDiv').css('visibility', 'visible');
$('#myDiv').slideDown(
浏览 2提问于2015-05-18得票数 0
2回答
我的包含以下html：
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
&l
浏览 0提问于2018-02-22得票数 6
回答已采纳
1回答
SlidingPanel动画
、、、、
我想在我的项目中显示一个滑动面板，从底部固定的div (因此在顶部方向滑动)。
该滑动面板将用于扩展现有元素的视图。
我有一些问题要让它发挥作用(从哪里开始滑动，尊重父母的垫子，等等)
我对一个代表我的问题的示例项目做了一个：
在这件事上，我想：
从我的div顶部打开我的滑动面板(红色)。您会注意到，当您单击按钮打开它时，滑动面板从页面底部开始他的动画，并浏览我的div (红色)。
对齐我的滑动面板与我的div (红色)。
以下是我的问题：
如何从我的div顶部开始我的滑动动画(红色)。
我已经试过了：
.sliding-panel-wrapper {
/*
浏览 4提问于2017-07-04得票数 0
回答已采纳
1回答
滑动功能不起作用
、、、
我对jquery很陌生。我遵循这个来学习正确的滑动功能。我试着在我的项目中应用滑动正确的功能。但是，当我向右滑动时，它没有任何反应。当我在这个页面的任何位置正确地滑动时，我想要触发这个滑动右边的功能。我不知道哪一部分出了问题。这是我的密码。
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Tinder-like Marketplace - Mobile Shop Template</title>
<meta charset="utf-8&
浏览 3提问于2017-08-04得票数 1
回答已采纳
我有一个和类似的问题
我想要动画的div，到一个css属性的100%高度。这似乎不起作用：
$("#somediv").css('height', '100%');
除了向下滑动/向上滑动之外，还有什么方法可以解决这个问题吗？
浏览 0提问于2012-12-20得票数 1
回答已采纳
1回答
我想将一个div滑动到另一个div中，如所示，但我的div是浮动类型的。我如何用带有“”文本的白色方框来滑动包含它的黑色div，来再现相同的效果呢？我的javascript代码是
$(document).ready(function () {
$('#container').mousemove(function (e) {
var x = e.pageX - this.offsetLeft;
$("#recent").text(x + " , " + e.pageX + " , " + $(
浏览 2提问于2013-11-20得票数 2
我使用css3动画将一个div向下滑动到一个只有几个div集的列表中。我试图实现一个幻灯片进和滑出的效果，就像垂直新闻滚动条在这个网站
Css
.slidein {
animation: slide 1799ms linear;
top: 0px;
-webkit-animation: slide 1799ms linear;
}
@keyframes slide {
0% { top: -100px; }
100% { top :0px; }
}
@-webkit-keyframes slide {
0% { top: -100
浏览 0提问于2013-08-01得票数 1
有没有人知道如何在CSS3或JS中使用“稍后阅读”应用程序来制作幻灯片到左侧的效果？
onclick -->将整个div向左滑动，并在滑动离开的div下面显示该div。
下面是一段视频，示例如下：
浏览 0提问于2012-06-22得票数 1
回答已采纳
我已经修改了模式向下的距离，但现在添加fade类带来的滑动效果不再起作用。有没有办法让滑动效果在改变顶部距离的情况下工作？
html：
<div id='test-modal' class='modal fade hide'>
<div>Stuff</div>
</div>
css：
#test-modal.modal {
top:35%;
}
jsfiddle：
浏览 2提问于2012-11-20得票数 1
回答已采纳
1回答
当用户悬停在框上时，我想将滑动动画添加到元素中。
最初，会显示一个汉堡图标(黑色)。当用户悬停在框上时，我想添加一个从右到左的滑动动画，并且颜色应该更改为绿色。当用户从div中移出时，动画应该从左向右滑动，元素应该回到其默认状态。
如何使用CSS实现这一目标？
代码沙箱：
App.jsx
import React from "react";
import "./styles.css";
import { ReactComponent as Burger } from "./burger.svg";
import { ReactComponent
浏览 4提问于2022-05-23得票数 0
3回答
我的设计师给了我一个设计，我不是百分之百确定如何使用jquery和css。我基本上是想让用户“滑动”页脚，以显示更多的内容。
我的html..
<div id="footer">
<div id="expandingFooter"> hidden content</div>
content that is always visible
</div>
我有一个切换按钮，可以点击
$('#expandingFooter').slideToggle();
这会将扩展的页脚内容
浏览 0提问于2008-12-12得票数 6
回答已采纳
1回答
我正在用CSS设计HTML的样式，并试图在展开节点时使子列表向下滑动。
以下是我简化的index.html：
<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@*" data-semver="2.1.3" src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<link rel="stylesheet" href=
浏览 3提问于2015-03-24得票数 0
回答已采纳
我有这样的元素：
<div id="propertiesArea"><div id="closeProperties"></div>some content</div>
我需要使用JQuery通过将CSS可见性属性设置为隐藏来滑动切换它。下面是我的尝试：
$('#closeProperties').click( function(){
$('#propertiesArea').toggle('slide');
});
浏览 0提问于2016-12-07得票数 0
1回答
我有一个页面，其中有两个从左到右滑动的div，一个从左到右的div，从左到右滑动的div没有任何问题，而从右到左滑动的div使页面水平地溢出。
我认为这是一个容器的问题，所以我试图设置相同的div，而不是从左到右滑动，这是可行的，只有当有一个div的位置和负的右边距。
我已经将overflow: hidden;设置为html和body，并尝试了所有其他的孩子，但是没有.
页面的行为仍然是这样的：
页面以普通视图开始，但我能够水平滚动到div，该div必须隐藏，然后在特定事件上我在视图中滑动。
该页面的结构很简单，如：
$('.scontrino').css(
浏览 1提问于2021-02-10得票数 0
回答已采纳
1回答
我试图逐渐显示一个div，因为滑动事件发生在身体上。
我目前正在使用jQuery版本的hammer.js来监听向下滑动，但是如何获得滑动的距离并在这个值发生时更改div的高度呢？
虽然不多，但我到目前为止拥有的是：
var distance;
$('body').on('swipedown', function(){
// set distance to swipe distance
$('header, #header, [role="banner"]').css('height', dista
浏览 1提问于2013-11-02得票数 0
2回答
你可以在这里找到：
这一切都很好，但是正如您所看到的，div将向下滑动，并开始在另一个div之上滑动。
它看起来像一个CSS问题，我们如何解决它？
谢谢..
浏览 0提问于2011-08-11得票数 0
回答已采纳
当你有相应的<li>标签时，我希望在特定的div上有一个向下滑动和向上滑动的效果。您可以在此链接上查看实况
我使用下面的jQuery来解决这个问题
$(".altbgcolor").mouseenter(function() {
$(this).css("background- color","#D3EAC7").find(".newsthumb").corner();
$(".newstext h1",this).css("c
浏览 0提问于2011-07-21得票数 3
回答已采纳
1回答
我正在使用一个名为的滑块插件。
我也在使用。
现在我的问题是，animateIn: 'slideInLeft'正在工作，但animateOut没有根据我的需要工作。
我需要像这样滑动我的图像：
注意事项：它从右向左滑动，但我需要它向相反的方向滑动(从左到右)。
请你帮我解决这个问题好吗？
$('#GallerySlider').owlCarousel({
dots: false,
loop: true,
margin: 10,
nav: true,
autoplay: true,
animateIn: 'slideInLef
浏览 2提问于2019-03-18得票数 0
回答已采纳
1回答
我有一个面板，当你点击它时，它会上下滑动。当面板向下滑动时，会出现一些导航文本。当面板向上滑动时，文本应该随之向上滑动，但事实并非如此。面板滑动，文本停留在背面。它可以隐藏，但不会随面板一起滑动。
HTML：
<div id="panel">
<ul class="nav">
<a href="#sec1" id="home">home</a>
<a href="#sec2" id="proj">pr
浏览 3提问于2014-06-06得票数 0
这似乎很基本，但我正在尝试获得一个固定位置的页脚div，当用户滚动到网页的最底部时，可以滑动和淡入，然后在用户滚动回滚时滑动和淡出。我搜索过堆栈溢出，其他人也提出了解决方案，但我的代码导致div只能滑动和淡入。当用户滚动回滚时，我无法让div滑出&淡出。
同样，这个div幻灯片&在我开始滚动之后就消失了。我需要它等待，直到它到达页面底部(或一个无形的div，我可以放置在页面底部)，然后我的固定位置div幻灯片&褪色。
有什么建议吗？
jQuery:
$(function() {
$('#footer').css({opacity: 0, bott
浏览 4提问于2012-07-10得票数 2
回答已采纳
1回答
我有一个隐藏的div，我想在悬停在另一个div上时向上滑动。
$('.gallery-single a').mouseenter(function(){
$('.gallery-single-title', this).show('slide', { direction: 'down' }, 1000);
$('.black', this).css({ opacity: 0 });
});
现在，当我将鼠标悬停在上面时，由于某种原因，滑动动作会重复发生，我希望它只向上滑动一次。都会很感谢你的帮助。
浏览 3提问于2011-06-09得票数 0
1回答
我需要创建这样的效果:我有4个div，它们一次滑动一个，我有jquery代码让它们滑入，但是它们可以全部滑动，有人知道我如何重新创建这种效果吗？
编辑:top-ov是放置我的div的地方，这段代码可以工作，但是它们会更紧密地滑动。
if ($(".top__ov").css("right") != 0) {
$(".top__ov").animate({
'right': '+=100%'
}, 3000);
}
浏览 9提问于2015-02-10得票数 1
回答已采纳
我试图在包含文本的DIV上做一个简单的jQuery slideToggle()，并且发现动画非常缓慢(似乎有些犹豫)，因为slideDown动画接近滑动DIV的底部。
这方面的代码和示例可以找到。我在几台电脑和所有流行浏览器的现代版本上进行了测试，它们的行为都是一样的。奇怪的是，当我在中运行完全相同的页面时，它是平滑的。
有什么想法吗？
更新
部分原因似乎是，就像其他人建议的那样，在动画运行之前，jQuery不知道滑动DIV的高度。由于滑动DIV中的内容将是动态的，或者非常短，或者有点长，所以我也不这样做。所以，在用jQuery隐藏它之前，我试着抓住它的高度，然后相应地设置它的高度。制作了更流
浏览 8提问于2012-03-21得票数 1
回答已采纳
1回答
如何使用jQuery创建在div之间滑动重复背景图像的效果？
看看我做的这个简单的。我在CSS的组合中使用addClass / removeClass jQuery函数来改变哪个div有背景图像。这一切都很好。
但是如果我想让背景图像在每个div之间滑动的动画效果呢？
浏览 0提问于2012-01-02得票数 2
回答已采纳
1回答
这是我的CodePen：
所以，基本上当你在一个实体上盘旋时，菜单就会向上滑动。我试图为每个菜单项创建一个子菜单，它基本上反映了菜单的功能，但是从菜单的底部向下滑动。下面是它应该是什么样子的图片：
下面是我当前的HTML：
<div class="entity">
<span class="menu"><div>A</div><div>B</div><div>C</div></span>
</div>
我可以想出几种方法来使用JQ
浏览 2提问于2014-06-04得票数 0
回答已采纳
如何使用实现下面的幻灯片左JQuery效果？
我有几个div元素相互浮动。
我想对第一个元素(最左边的元素)应用幻灯片左操作。
其余的元素应该一起滑动，而不是在动画完成后跳转。(跳转是我的问题)
我可以让它与toggle和滑动向上工作，但我需要它向左滑动，而不是向上/向下。
这是一个。
JavaScript:
$('button').click(function() {
$('#page1').hide('slide', {direction: 'left'}, 1000);
});
<butt
浏览 3提问于2012-02-23得票数 0
回答已采纳
我有一组块元素，我在点击时附加一个幻灯片动画。目标是这些元素继续平稳地来回滑动。
<section class="stretch">
<div class="block blue"></div><div class="block red"></div><div class="block green"></div><div class="block orange"></div><div clas
浏览 1提问于2013-09-04得票数 1
回答已采纳
1回答
我在一个div里面有一个按钮，当按钮被点击时，我想滑动这个按钮。当按钮位于滑动div之外时，div会滑动，但当我将按钮移动到div内部时，它会停止滑动。
我理解为什么会发生这样的事情，但我只是不知道如何让它工作。
这是外部带有按钮的工作Html。
<div class="slide">
<button type="button" id="slideleft" class="btn btn-default alert_button " title="New Message!" style=&
浏览 3提问于2015-07-17得票数 0
1回答
下面是我的代码：
html：
<div>
<div id="div1">12345</div>
<div id="div2">67890</div>
<div id="div3"><a href="#" id="slide">abcde</a></div>
<div id="pad" style="display:none;">123
浏览 3提问于2015-08-18得票数 2
回答已采纳
我尝试显示一个包含子元素的div容器，只显示容器的顶部，直到鼠标移动到它上面，然后显示整个容器，包含子元素和内容。这有点像我想要的那样工作，但问题是，如果你把鼠标移到任何一个子元素上，整个主容器就会向上滑动，然后又向下滑动。我正在尝试让整个容器滑到MouseOver上，然后一直滑到MouseOut，当它应该滑回来的时候。
<div onmouseover="$('#id_content').slideDown('fast', function(){ $(this).css('display', 'block'); $
浏览 3提问于2013-04-16得票数 0
回答已采纳
1回答
我试图在HTML+CSS+JQuery中模拟智能手机的滑动导航。我正在设置一些包含HTML页面的iframes，然后从导航菜单中在它们之间滑动。这很好，但我希望从iframes内的按钮(示例中的“返回菜单”按钮)中激活该击键。
这就是我迄今为止所做的：
我用来创建“刷”效果的代码是：
JQuery:
$(document).ready(function() {
$('#slide1_controls').on('click', 'button', function(){
$("#slide1_images
浏览 4提问于2013-05-18得票数 2
回答已采纳
1回答
Safari中的CSS转换问题
、、、、
这在safari中失败了。在chrome，opera和firefox中测试正常。
当鼠标悬停在div(1)上时，子div(2)通过修改left属性进行滑动。
第二个div包含子元素(按钮)，它们不跟随其父div(2)的滑动过渡而闪烁。
**username:Alex
**password:passwordAlex
通过访问用户页面的示例：
完整的CSS：
divs的引用：
**div(1)->class .contentUser
**div(2)->class .contentButtonWrap
**child buttons of div(2)->class .con
浏览 0提问于2015-02-21得票数 0
基本上，我的代码是在我想要它向右滑动的时候，使这个图像向上滑动。它有什么问题？
<div id="wrapper">
<div id="header">
</div>
</div>
JS
var scrollSpeed = 70; // Speed in milliseconds
var step = 1; // How many pixels to move per step
var current = 0; // The curr
浏览 0提问于2013-07-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
