腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
创建无限滚动垂直背景
、
、
、
有大量的水平滚动背景,但这不是我的问题。每当我使用关键帧创建垂直滚动时,背景图像本身就会耗尽,或者它会完全故障并开始滚动效果。这不是我需要的。我需要一个无缝的垂直滚动背景,占据整个屏幕的宽度。会有一个溢出隐藏的容器,它的背景需要慢慢地向上滚动,一系列的图像永远不会出现故障、溢出等等。它需要看起来像一百万个水平滚动的例子,但是是垂直的。 在CSS中是我正在使用的图像的实际尺寸。我正在使用占位符开始这段对话。注意,即使是占位符,图像最终也会停止。 为什么它要用垂直滚动,但通常不是水平滚动?这对我来说没有任何意义,也没有太多的资源是关于一个背景图像的垂直无限卷轴的,信不信由你。 如果有人有任何建议,
浏览 3
提问于2022-04-06
得票数 1
回答已采纳
1
回答
在div水平滚动时暂停垂直滚动,在水平滚动的末尾继续垂直滚动
、
、
、
、
有一组图像垂直堆叠在具有overflow-y: auto的<div class="container">中。在第一张图片之后,有一个<div class="info">,它包含一些比父div更宽的文本,需要水平滚动(``overflow x: auto')。 这个想法是让container垂直滚动,直到info点击container顶部边缘。此时垂直滚动停止,info开始水平滚动。在它到达结尾后,父container的垂直滚动继续,直到其内容的结尾。 它应该在scroll up上同样起作用。 我尝试了几个选项,jQuery,视差,
浏览 1
提问于2018-11-20
得票数 0
1
回答
在fullPage.js剖面内并排增加垂直滑块
、
、
、
有人想知道如何为节元素之间的转换创建fullPage.js吗? <div id="fullpage"> <div class="section"></div> <div class="section"></div> </div> 我尝试了许多不同的变体,但找不出任何有用的东西。 换句话说,从一节到另一节的过渡应该有一个视觉效果,就像两个垂直滑块互相滚动一样。 谢谢!
浏览 1
提问于2016-06-30
得票数 1
回答已采纳
1
回答
jquery垂直/水平滚动
、
、
、
、
我正试图制作一个完整的网站,所有的事件都由滚动触发。我只需要帮助才能达到这个效果: 我有一个有几个div填充所有视点的网站,我希望用户能够向下滚动到一个指定的div,然后当他继续滚动网站垂直滚动,但内容的div水平滚动。当它完成后,网站可以再次垂直滚动。 <body> <header> </header> <div class="scroll-vertical" id="tile1"></div> <div class="scroll-vertical"
浏览 0
提问于2017-08-30
得票数 1
1
回答
垂直滚动,带WinJS的ListView
、
、
、
如何使用WinJS在Windows8应用程序中使用HTML/JS使ListView垂直滚动? 我开发了一个使用XAML/C#的Windows8应用程序,在该应用程序中,我使用了一个ListView来获取具有垂直滚动行为的列表。 我现在正在尝试用HTML/JS创建相同的应用程序,但无法用ListView创建垂直滚动的列表。它会自动将ListItems放在水平线上并水平滚动。 我认为GridView可以用于水平滚动的“列表”,而ListView可以用于垂直滚动。 我还尝试使用下面的代码将ListView包装在一个在溢出时垂直滚动的div中: <div style="overflow-
浏览 1
提问于2013-04-04
得票数 0
回答已采纳
1
回答
使水平滚动在div结束后停止。
、
、
我正在尝试创建一个页面,其中包含三个部分。第二个需要水平滚动(例如,产品行),然后返回垂直滚动。 我已经用纯JS完成了它,但是在第二个div结束后,我无法继续垂直滚动。无法到达此部分。 这是我的代码笔: (function() { function scrollHorizontally(e) { e = window.event || e; var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))); document.getElementById('test').scro
浏览 0
提问于2018-11-09
得票数 0
回答已采纳
3
回答
CSS -水平分区布局
、
所以,如果我有这样的巢穴 <div> <div></div> <div></div> <div></div> ... </div> 是否可以使用纯 CSS进行动态水平布局? 基本上,这个屏幕只能容纳两个垂直的内容。 因此,这个屏幕可以容纳3个垂直内容。 主体显示固定底部的水平滚动条.屏幕上可能会有更多内容。内容向左流,但当垂直空间满时,将流到一个新列中。如箭头所示,是额外的流。 和都不应该显示垂直滚动条。是有可能的吗?我试过使用display: fle
浏览 6
提问于2014-03-09
得票数 2
1
回答
修复了使用多个全日历滚动的标题
、
、
、
我正在扩展一个在agendaDayView中显示多个全日程表的日程安排应用程序,为多个人显示当天的日程安排。让每个完整日历使用自己的滚动条已被拒绝;因此,所有日历都显示完整长度,并在周围的div中设置单个滚动条。 现在的问题是,在垂直滚动期间,标题保持不变。对于扩展的标题功能(额外的数据、图标、链接等)还有其他要求,所以在每个Fullcalendar div之上创建我自己的标题对我来说更有意义。 使用CSS并正确放置div,我能够让日历与标题分开垂直滚动,从而达到“固定标题”的效果。然后问题是水平滚动:如果我让div向外水平延伸,那么包含日历的div的垂直滚动条就一直位于可见性之外的右侧。 我
浏览 2
提问于2012-06-20
得票数 2
回答已采纳
2
回答
仅对机身禁用垂直滚动(也不适用于带有溢出:auto的div )
、
、
、
我想在所有移动设备中禁用垂直滚动,我发现: document.body.addEventListener('touchmove', function(e){ e.preventDefault(); }); 效果很好..。但通过这种方式,我也禁用了带有overflow: auto的div (我的菜单)滚动功能。 在dekstop浏览器中,避免使用JQuery在$(window).scroll()将overflow: hidden添加到body时使用。这样我就不会有问题了,但是本机javascript代码是的.我是javascript的新手。 因此,有了jquery,我就可以禁用带
浏览 7
提问于2016-03-11
得票数 3
回答已采纳
1
回答
网页未滚动
、
、
、
我正在建立一个网站,使用stellar.js的视差效果和平滑滚动niceScroll.js。现在我不确定是什么导致了这个问题,但我不能水平或垂直滚动,对于垂直滚动,我显式地将"body“的height属性指定为500%,而对于"html”,它的设置为100%。但是很明显,我不能对width属性使用这个变通方法。有什么解决方案吗? 注意:如果我从我的js文件中删除了nicescroll的初始化,我就不能向任何方向滚动,无论我将width和height设置为多少。 下面是html的基本结构: <html> <body> <div class=&
浏览 4
提问于2014-09-19
得票数 0
1
回答
Skrollr转换函数导致文本抖动
、
、
、
使用skrollr.js,我将在一个内部div上做一些过渡效果,这是在另一个div旁边。内部div是相对定位的。 我的代码是 HTML结构 <div class="outer"> <div class="inner-div" style="transition:transform .3s ease;" data-top="transform:translateY(0px)" data--80p-top="transform:translateY(300px)"> <h1&
浏览 0
提问于2015-05-04
得票数 0
1
回答
使DIV成为页面加载的默认滚动框
、
、
、
、
我在div中有一个div,它实际上是页面的主要内容(由于客户端希望它以视差效果滑到页面中的方式)。body有overflow: hidden,有内容的div有overflow-x: hidden; overflow-y: auto; (因此垂直滚动可以工作)。 不幸的是,如果用户加载页面并立即按PGNDN或滚动鼠标,它将尝试滚动body标记。 如果用户单击div中任何位置的内容,然后按PGNDN或滚动鼠标,则正确的内容将被滚动。 我如何模仿用户在页面上点击这个div,这样即使他们不点击内容,所有滚动事件也会滚动页面内容,而不是body。 我尝试过将tabindex=0添加到div中。我还尝试使
浏览 2
提问于2016-01-25
得票数 1
回答已采纳
1
回答
jquery动态启用标准垂直触摸滑动
、
、
我使用jquery来创建一个平滑的水平div滚动()。 效果很好。然而,在触摸设备上,jquery动态禁用了正常的垂直滑动/滚动手势。在我看来,如果没有垂直卷轴,你就不能在触摸device...if上做任何事情--你有一个使用动态的全宽度容器,你不能看到容器下面或上面有什么. 如果动态设置为水平滚动,则垂直滚动仍然是禁用的。 是否有一种方法,以启用正常的垂直滚动,而使用水平滚动与动力学? 对不起,我的英语,我是法国人。
浏览 6
提问于2013-04-06
得票数 0
2
回答
如何让overflow-y生成垂直滚动条?
、
我试图达到这样的效果,我在外部div周围有一个垂直滚动条,而水平内容从其中溢出。 为此,我在style.css中将overflow-y设置为auto: .outerdiv { background-color:brown; width: 100px; height: 100px; overflow-y: auto; } 和HTML: <head> <link rel="stylesheet" href="style.css"> </head> <body>
浏览 2
提问于2017-03-16
得票数 0
1
回答
在画布上实现垂直滚动
、
、
、
、
我尝试在HTML5画布的大背景上实现一个带有触摸平移事件的垂直滚动条。我使用hammer JS来识别平移手势: 当我移动背景的y轴时,它工作得很好,但我想重现IOS或Android滚动的原生scoll效果。 有没有什么库或者简单的JS可以做到同样流畅的效果呢? 谢谢!
浏览 0
提问于2014-12-01
得票数 1
1
回答
touchmove和mousemove阻止iPad上的垂直滚动
、
、
、
、
我一直在为一个学校项目开发一个iOS iPad应用程序,它使用jQuery.touchSwipe.min.js代码,允许用户在页面之间水平滑动。 然而,我发现它阻止了高度大于iPad屏幕的内容的上下滚动。如果我从jQuery.touchSwipe.min.js中删除这段代码,"touchmove":"mousemove",我可以再次获得垂直滚动的效果,但是页面之间的水平滑动停止了! 如何在页面上垂直滚动的同时保持页面之间的水平滑动?
浏览 14
提问于2013-06-11
得票数 0
1
回答
为容器中的非全宽度图像创建视差效应
、
、
、
、
我有致力于将在活动中的行为。其中一个行为的图片是荒谬的垂直,但提供的信息是很少的零。所以我想我可以把这张图片垂直延伸到这个部分的约束之外,给它一个视差滚动效果。 以下是整个章节代码: <section id="acts"> <div class="container-fluid"> <div class="row"> <div class="col-lg-4 col-lg-offset-2 kujopad"> <p>
浏览 5
提问于2015-12-04
得票数 1
回答已采纳
1
回答
使用鼠标指针简单地交换水平滚动和垂直滚动
、
、
我不知道我在这里找的是什么代码--我想可能是javascript,不过我不知道是否可以用CSS实现它。 的情况:i有一个div (具有固定的宽度和高度)-这个div的内容超过了它的父元素的宽度和高度,因此在垂直和水平上有一个滚动条。 的行为效果:当我按住鼠标在垂直滚动条,并拉上或向下,内容滚动垂直。当我在水平滚动上按住鼠标并向左或向右移动时,内容将水平滚动。这是我所知道的默认和预期的行为,我很精确,所以我的问题是明确的。 的问题是:我想做的是直接交换这些行为,所以: 当我在垂直滚动条上按住鼠标并向上或向下拉时,内容会水平滚动。 和 当我将鼠标按住水平滚动并向左或向右移动时 我意识到有相当明显的
浏览 2
提问于2012-10-08
得票数 3
1
回答
routesv6 react路由器-dom允许在单个页面应用程序上垂直滚动。
、
、
在App.js文件中,我有一个网页组件。页面上通过组件的垂直滚动很好: function App() { return ( <div className="App"> <Navigation/> <About/> <Statement/> <Contact/> </div> ); } 当我把路由器放在上面时,垂直滚动是不可能的,只有一个基于"/“链接(路径)的组件是可见的,我不能在页面中滚动。如何在页面中启用垂直滚动? function App
浏览 3
提问于2022-04-27
得票数 0
回答已采纳
1
回答
在不显示垂直滚动条的情况下启用鼠标滚动并保持背景
、
、
、
要求:启用鼠标滚轮垂直滚动而不显示滚动条,并保持背景。 使用下面的解决方案,我能够通过遵循下面提到的解决方案来达到预期的效果 <div style='overflow:hidden; width:200px;'> <div style='overflow:scroll; width:217px'> My mousewheel scrollable content here.... </div> </div> 链接: 我目前遇到的问题是,在子div中,有
浏览 2
提问于2013-07-11
得票数 1
1
回答
Fullpage.js -仅在某些部分设置fadingEffect
我正在尝试将我的站点设置为使用默认的Fullpage.js滚动行为,直到达到一定程度,然后切换到使用fadeEffect插件。根据文档,我可以确定效果是否适用于任何一个部分或幻灯片,但是对于选择特定的部分没有任何建议。 fadingEffect:(默认为false)。fullpage.js的扩展。定义是否使用褪色效果而不是默认滚动效果。可能的值为真、假、节、幻灯片。因此,它可以应用于垂直或水平,或两者在当时。它只能在使用: autoScrolling:true时使用。需要fullpage.js >= 3.0.1。
浏览 5
提问于2020-12-12
得票数 0
1
回答
使用JQuery卷轴淡出/缩放Div入/出
今天我决定重新设计我的网站,通过JQuery+CSS3添加一些滚动效果。 我有一套以水平和垂直方向为中心的div。 我正在尝试应用效果,这样每个div在滚动时都会褪色/缩放,而衰落/缩放则会减少/缩小。 我知道我可以使用事件处理程序,但不确定它将如何用于这种效果。 下面是在发帖时添加的当前jQuery。 $(document).ready(function() { $(".container").scroll(function() { if ($(".container").scrollTop() > 50) {
浏览 4
提问于2014-04-19
得票数 4
回答已采纳
1
回答
离子无限卷轴在水平和垂直滚动时不起作用。
、
、
、
我正在做一个离子应用程序,它有一个有水平滚动的页面。我想使用离子-无限滚动的垂直和水平滚动,但它现在只工作水平滚动。 如果我可以在同一个页面中对水平滚动和垂直滚动进行无限滚动,任何人都可以吗? <div> <ion-scroll direction="x" class="con-scroll-x" has-bouncing="true"> <div class="scroll-div"> <di
浏览 1
提问于2017-04-13
得票数 3
回答已采纳
1
回答
在垂直滚动时水平移动DIV
、
、
我正在尝试创建一个脚本,当用户垂直滚动时,它会将div从右向左移动。它应该对任何带有"sidepara“类的div都有这样的效果。如果div是可见的(用户已经滚动到它),它应该只移动它。我在做正确的数学计算时遇到了困难...使div与垂直滚动位置成比例地水平移动的正确公式是什么? $(function() { $(window).scroll(function() { console.clear(); $(".sidepara").each(function() { var sY = $(this).position().top -
浏览 12
提问于2017-08-16
得票数 0
1
回答
使用css3和jquery动画滑入滑出
、
、
我使用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
1
回答
按鼠标位置滚动(水平和垂直)
、
我在jQuery中找不到像下面这样滚动div的例子: 我有一个div (宽度: 100%,高度:250 of ),里面是大约100张缩略图(150 X 150 Of)的照片。我想要一个滚动它像d3js主页(垂直和水平)。 我只喜欢水平滚动,但我不知道如何添加垂直。这里: 有人能帮我吗?
浏览 1
提问于2014-01-16
得票数 1
回答已采纳
1
回答
使用php include语句更改innerHTML内容的正确语法
、
、
、
、
我正在对我的公司网站的翻新工作,在左侧的js垂直滚动的按钮菜单是链接,以改变标题下的主要div的内容。我现在已经用php include语句设置了它,这是有效的,但是每次它重新加载整个页面,所以左边的滚动菜单会重置到列表的顶部,失去了访问者的位置。 你可以在上看到它的原型,点击“自行车”或“拼车”来看看它的实际效果。 我不想这样做,而是想使用js通过innerHTML更改div的内容,我想要一个函数,其中链接包含变量,因此链接将如下所示: <a class="button" href="javascript:changecontent(bike)">
浏览 2
提问于2012-05-04
得票数 1
1
回答
如何关闭ipad上的橡胶/弹性滚动效果?
、
、
、
、
我的页面同时支持垂直和水平滚动,现在如果用户准确地向左/向右滑动,它可以完美地工作,但当滑动不准确时,问题就出现了,即在直线上(对角线)。在这里,水平和垂直滑动事件都被触发,垂直滑动在左侧或右侧滑动页面,而水平滑动在Ipad上创建弹性效果。 我试着在body上滚动生成窗口,并在需要滑动的容器上应用类。但它对我的情况没有帮助。 我也尝试了一些css修复,但失败了 因为我的页面有全宽的层。 我使用的旋转木马是carouFredSel。 旋转木马既可以垂直工作,也可以水平工作。 我希望在滑动IOS的左弹效果时不会发生这种情况 用于TOuch的Jquery 1.9.1库: Hammer.js 请提个建
浏览 2
提问于2014-02-05
得票数 1
1
回答
在JS用于显示更多内容后,将后台div保持在100%的宽度和高度
、
、
、
我已经建立了这个网站: 所有的代码( HTML,JS,CSS)都被添加到了一个HTML页面中,因为它是在WordPress中使用的,并且使用了一个“即将到来”的插件。您可以查看站点并查看源代码,以查看页面的全部代码。 在页面上,我有一个绿色的向下箭头,点击时使用JS效果缩小徽标,并淡入隐藏在包含内容的fullScreen div中的文本。此fullScreen div不是设置背景的div的子元素(设置背景的div使用Google的插件将地图设置为背景)。 当最初隐藏的div中的内容变为可见时,内容溢出设置高度和宽度并添加垂直滚动条的div的边界。但是,我的问题是:是否有一种方法可以使这些内容与
浏览 8
提问于2016-07-23
得票数 0
回答已采纳
2
回答
滚动div中的表格:填充div,但防止不必要的水平滚动条
、
div.GridViewScrollContainer { overflow:auto; position: relative; width:100%; height:100%; margin:0; padding:0; } div.GridViewScrollContainer table { border-spacing:0; margin:0; border-collapse:collapse; padding:0; } 因此,我在某个高度/宽度约束的相对定位元素内的div中呈现了一个表。大多数情况下,.G
浏览 0
提问于2010-03-23
得票数 0
1
回答
垂直滚动悬停而不是单击?jquery api
、
我正在使用jQuery scrollTo在溢出的div中滚动内容。当我单击链接时,div将垂直滚动其内容。但是,我希望当我将鼠标悬停在链接上时,而不是单击它们时,会出现这种效果。 我不相信这是jQuery的scrollTo的一个选项。但是,对于hover事件,有一个jQuery API方法。 这看起来可能是一个简单的问题,但是有没有办法通过悬停而不是点击来保持"scrollTo“的垂直滚动功能呢? 垂直滚动: jQuery(function ($) { $.localScroll.defaults.axis = 'y'; $.localScroll({
浏览 0
提问于2010-02-10
得票数 0
1
回答
使用不带插件的css3和jquery滑入和滑出
、
、
我使用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
1
回答
jQuery视差-元素不会在这里结束它们是从这里开始的
、
、
、
我目前正在开发一个视差插件,帮助创建一个垂直滚动的站点,其中一些元素会产生视差效果。 大多数插件使用巨大的DIV标签并滚动背景。在我的例子中,这是行不通的,因为客户端希望动画人物精灵和所有其他类型的元素都是类视差的内容。因此,我需要移动元素本身,而不是移动背景。我还没有找到能做到这一点的插件。 我的插件运行得非常好,只有一个例外。如果出现抖动或沉重的滚动,元素就会在页面上爬行-而不是垂直结束。这里有一个例子(请原谅糟糕的样式,这是一个粗略的模型): 哦,正在开发的插件在这里: http:/www.nebulus.org/parallax-test/js/libs/jquery.scrollPa
浏览 4
提问于2011-11-24
得票数 2
1
回答
如何在具有paralax效果的滚动中禁用(而不是隐藏)滚动垂直条
、
我想尝试这个的相同效果,但在如何实现这个动画的动作中迷失了方向。 当用户开始滚动时,标题中的图像放大,滚动标签(垂直)不移动,直到另一个图像显示的点,然后滚动条才开始工作。 如何在滚动时实现此动画? 当时,我想的是:当我滚动时,获取DOM的像素值,以及我想要定位的div的高度。虽然DOM的值小于框的高度,但缩放值应该根据滚动值而改变。 JS看起来像这样: <script> $(window).scroll(function() { var initial_scroll = $('html').scrollTop(); var
浏览 0
提问于2019-03-14
得票数 1
2
回答
如何根据滚动条移动DIV的背景图像?
、
、
我一直在查看的垂直滚动在我的网页上,经过一些研究,我不确定我想做的是技术上是视差效应。 据我所见,大多数视差效应假设你希望能够无限期滚动许多背景图像,或与巨大的图像重复。 我想做的是,当滚动条到达页面底部时,两个DIVs的背景被一个背景图像填充。注意,我不想让背景图像伸展。,我想要达到我想要的效果,这些图像的垂直高度将大于大多数人的视口,然后它们的垂直位置会发生变化。当用户的滚动条位于顶部时,一定数量的背景是可见的,然后当用户向下滚动时,它垂直移动以填充背景空间。 请看下面的图片,以直观地解释我希望达到的效果: veiwport的高度将根据内部DIV中内容的长度而变化。 我的问题是,
浏览 0
提问于2013-07-12
得票数 1
回答已采纳
1
回答
为什么在div中添加边框会导致手机垂直滚动。
、
、
我觉得自己没能搞清楚这事太蠢了。我有一个非常简单的HTML: <body> <div style="border: 40px solid red"></div> <div style="border: 40px solid green"></div> </body> 没有额外的css。这就简单地创建了两个空的div,其周围有粗的border。 当我在手机上加载这个文件时,我可以垂直向下滚动一小部分。下面什么都没有。是什么产生了这个垂直滚动? 和一个来尝试在手机上观看 无论是
浏览 0
提问于2016-09-13
得票数 2
回答已采纳
3
回答
跳转到可滚动div中的内容
、
、
、
、
我得到了以下HTML: <div style="height:200px;overflow-y:scroll;"> <table>.....</table> </div> 通过这个设置,我在某种程度上模仿了定义了@size属性的扩展的<select>控件。这样,用户就可以在表中选择一行。有没有办法,使表格“向上跳跃”,这样选定的行会显示在div的顶部,垂直滚动条滚动到它的位置。我不需要实际的滚动效果。表格应该在单击行时立即改变其位置。
浏览 4
提问于2010-09-18
得票数 2
回答已采纳
1
回答
在windows 10上中断IE和Edge中的垂直滚动
、
、
、
、
我有一个非常有趣的bug,我找不到答案。如果有人能帮忙,我将不胜感激。 我有两个div <div id="container" class="container"> <div class="content"></div> </div> 它们有以下CSS .container { position: relative; width: 700px; height: 200px; overflow-x: hidden; overflow-
浏览 22
提问于2016-09-09
得票数 2
1
回答
获取滚动条以忽略单个背景div
、
我有一个div作为我容器的一部分,为了给我一个背景(它位于z-index:0),我已经禁用了水平滚动(html{overflow-x: hidden;}),因为它永远不会被需要。 然而,我希望垂直滚动条忽略我的“背景”div,但如果我的其余内容拉伸以适应高度,那么滚动条应该会出现。 我尝试了overflow:隐藏在后台div中,但没有效果。
浏览 0
提问于2012-06-15
得票数 1
回答已采纳
1
回答
在垂直div容器中向上滚动而不是向下滚动
、
、
、
、
我目前有一个水平滚动视差网站的HTML和CSS。然而,我希望当你到达一个特定的部分时,你会得到一个垂直的视差滚动,而不是水平的。 查看这个网站的一个例子: ...你会看到水平滚动突然变成了垂直滚动…… 查看这个JSFiddle: 我目前有一个水平滚动的视差,其中嵌套了一个垂直滚动的div……我真的不确定如何让div向上滚动,而不是向下滚动。 这是我在“go-up”div中使用的代码: #go-up { background-color:blue; width:650px; left:3000px; overflow-y: scroll; height:100%; overflow-x:hidd
浏览 2
提问于2013-04-04
得票数 2
回答已采纳
1
回答
如何在不剪切溢出的情况下创建滚动DIV?
、
、
我有一个只应该垂直滚动的DIV。我希望在这个DIV中有一个水平溢出的元素,而不会被裁剪。这是预期的效果: 我认为,如果我只指定overflow-y:scroll,它只会裁剪垂直溢出。然而,我错了,这才是真正发生的事: CSS: ol { border: 1px solid red; overflow-y: scroll; height: 20em; width: 7em; } JSFiddle:
浏览 2
提问于2013-03-15
得票数 6
1
回答
CSS中的溢出问题
、
、
、
、
我的页面上有一个iframe,似乎面临着一些常见的问题……E实际上有2个IFRAME... 1.头iframe,它有一些列的表...2.内容iframe,其中包含表和列数据.. 现在2个iframe表垂直对齐... 如果列较少,并且第二个iframe中没有滚动条,则对齐效果良好。 但是如果列增加了,我在内容iframe中得到一个水平滚动条,当我滚动它时,我有一个同步JS,它滚动顶部的iframe作为well..Now在滚动条的末尾bcoz占用空间,垂直对齐被扰乱。 由于这似乎是一个典型的问题,有谁有一个解决方案,这将是真正有帮助的。我是开放的CSS/Js方法作为well..Thank你..
浏览 4
提问于2011-06-01
得票数 0
回答已采纳
2
回答
CSS中的水平滚动条
我一直在尝试向我的上下文部分添加一个滚动条,它只允许框在查看者屏幕的可见区域内水平滚动,而不是垂直滚动。 有没有人知道在一个流畅的css布局设计中,在div中有可滚动内容的代码? 此外,这里有一个网站的链接,它有确切的滚动效果,我试图重新创建:
浏览 2
提问于2009-01-16
得票数 3
回答已采纳
1
回答
在div中向上(而不是向下)增长的列表,然后滚动。
、
、
、
我想让一个列表向上(而不是向下)在一个div中增长。然后,当有太多的li项时,在这个div中滚动列表。这个组合有可能吗? 滚动很容易修复div的高度,并将div的样式设置为overflow-y: scroll;。 底部垂直对齐li很棘手,我选择了最简单的解决方案,即将包含的div样式为position: relative;,将ul内的样式设置为position: absolute; bottom: 0;。 但我想要这两种行为。不幸的是,实现底部垂直对齐李打破了滚动。或者说,滚动发生了,但是我不能再用鼠标拖动滚动条了--滚动条也不会出现。 这是小提琴 这是我的html <div>
浏览 9
提问于2014-03-09
得票数 2
4
回答
纯CSS视差内部滚动条问题
、
、
像很多人一样,我看过Keith Clark的纯css视差实现(),真的很喜欢它。 当我尝试实现它时,我得到了一个围绕溢出的垂直视差内容的内部垂直滚动条(不是预期的),以及属于扩展到屏幕垂直溢出之外的静态内容的外部垂直滚动条(预期的)。我只想要一个垂直滚动条来控制整个页面(视差组加上静态内容)。当向上/向下滚动时,可以在视差组中看到视差效果,以及将静态内容移入和移出视图。 我需要做哪些更改? .parallax_group { position: relative; height: 100vh; transform-style: preserve-3d; } .pa
浏览 19
提问于2017-07-22
得票数 1
1
回答
CSS水平滚动框
、
我正在尝试创建一个水平滚动框来创建一个“时间线”效果...但我似乎无法让它水平滚动,而不是显示up...thoughts的垂直滚动条? #container{ width:500px; height:250px; border:1px solid #cc61b8; overflow:auto; } .container-bits{ width:250px; height:498px; float:left; } <div id="container"> <div class="
浏览 2
提问于2010-04-08
得票数 1
回答已采纳
1
回答
在视口外放置一个div,而不改变原始宽度。使用Skrollr插件。
、
、
我目前正在使用Skrollr修改视差站点。我想创造一个窗帘的效果,当我向下滚动,我改变左和右的两个div‘滑动’打开。 现在,我遇到的问题是,当我滚动div左或右,放置在我的100%宽度以外,我的视口。所以我可以垂直滚动,一些我不想要的东西。有没有办法使宽度保持尽可能宽? 显示问题的代码: 有什么想法吗?
浏览 2
提问于2014-02-25
得票数 0
回答已采纳
1
回答
垂直固定导航条
、
、
我想为我的网站创建一个垂直的固定导航栏。目前我使用的是在这里的不同帖子中提到的那个: HTML: <html> <head> src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="{% static 'navbar.css' %}"> <
浏览 11
提问于2018-02-22
得票数 0
回答已采纳
2
回答
Jquery水平视差效果使用stellar js?
、
、
我阅读了stellar.js的文档,示例显示了垂直滚动是如何工作的,我尝试了一下简单的水平滚动视差,但我不确定哪里出了问题。对于名为element的小对象,我设置了数据星体比,对于背景,我设置了data-background-stellar js。我已经看过很多垂直滚动的教程,而不是水平滚动。有没有单独通过jquery实现这一点的替代方法? <!DOCTYPE html> <head> <title></title> <style type="text/css"> * {
浏览 2
提问于2013-02-08
得票数 1
3
回答
如何在css中应用特定的滚动大小
、
、
、
我想知道是否可以将特定的尺寸设置为垂直滚动? 我的<body></body>高度为2500 my,我在包含表单的覆盖div上方放置了一个覆盖div,其高度为1300 my。 当我srcoll,我的脊柱采取垂直大小的身体,我想停止滚动条在1300 px的顶部。 我可以用css或js做这个吗? 请帮帮我!
浏览 0
提问于2017-09-20
得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
css3滚动条样式及美化方法
CSS杂谈
CSS3热身实战-过渡与动画
最全的实现垂直居中的方法
用JavaScript 代码来做,图片切换效果!
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券