多图滚动js幻灯片 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

Fullpage.js通过向下滚动水平滚动，并在一个区段上完成滚动后再次向下滚动水平？

javascript、css、fullpage.js

使用Fullpage.js，我只想使用向下滚动来导航到下一页，它是水平的。在一个页面上，我想下几张幻灯片，垂直导航。在这些完成后，我想转到下一张幻灯片，它又是水平的。当我要垂直滚动的幻灯片是最后一张幻灯片时，我让它工作了。但是当它在幻灯片中间时，它不能工作。

浏览 6提问于2019-04-22得票数 2

1回答

使用RStudio和xaringan垂直滚动代码

html、css、r、rstudio、xaringan

我目前正在为R建模研讨会准备html幻灯片，为此我使用了R的xaringan软件包。它是基于的。与碘油片和滑头相比，它更符合我的期望。我太兴奋了！我错过的一个功能是可滚动的“长幻灯片”。这种风格适用于slidy，我还发现了一些在xaringan中启用可滚动代码的提示。foo()长幻灯片 在幻灯片中使用可滚动代码的示例如下：

浏览 4提问于2021-05-29得票数 6

回答已采纳

1回答

木星滑行时的全尺寸Bokeh图

jupyter-notebook、jupyter、bokeh、reveal.js、rise

我仍然在学习bokeh和reveal.js，如果这是一个基本问题的话，我对两者都印象深刻，所以道歉。我用RISE自动创建了木星的幻灯片谢谢

浏览 3提问于2015-10-28得票数 1

1回答

因此，我有大约8页，或多或少，我希望用户能够滚动到每一个水平。然而，这8页中的每一页都很长，并且每个页面都需要一个垂直滚动条。因此，当用户使用水平滚动条时，他们应该能够导航不同的页面，但是当使用垂直滚动条时，他们应该能够在他们正在查看的页面上上下滚动。我查看了fullpage.js和sly.js，我不太确定哪一个是实现这种设计的最佳选择。另外，如果有人对如何做到这一点有任何其他的建议，那也是很棒的。

浏览 4提问于2015-12-21得票数 2

回答已采纳

1回答

ipython notebook:如何在生成reveal.js幻灯片时将大型单元格输出拆分为多张幻灯片

ipython、ipython-notebook、reveal.js

基本上，我有一个单元格，它遍历我的数据并绘制各种图。当我使用nbconvert创建reveal.js幻灯片时，这个单元格及其输出被制作成一个垂直滚动以显示所有绘图的长幻灯片。理想情况下，我希望能够将这组绘图输出分成单独的幻灯片，您有什么想法可以做到这一点，或者它是否被支持？谢谢。

浏览 1提问于2013-12-12得票数 0

1回答

不加载JS格式化程序字段使用无限滚动视图

views

我有图像幻灯片的模块格式化字段。加载滚动页后，该字段不运行幻灯片，当加载滚动时，我调试不包括js幻灯片！那么，如何在加载滚动后包含js或调用js字段格式化程序？

浏览 0提问于2016-02-04得票数 1

1回答

如何在reveal.js中显示大型代码示例？

markdown、reveal.js

我经常在reveal.js幻灯片中有代码示例，它们跨越了相当多的行。(“嗡嗡声”)打印(‘fizz’)打印(‘14’)打印(“16”) 代码块似乎总是有一个最大的高度，超过一定数量的行会出现一个滚动条，尽管我更喜欢一个更大的框。我还没有弄清楚如何使盒子垂直和水平的更大，以填补可用的幻灯片区域，而不是滚动:我没有兴趣暂停我

浏览 4提问于2014-04-21得票数 17

回答已采纳

1回答

节流我的页面滚动，所以它只跳过一张幻灯片。

javascript、wordpress、scroll、revolution-slider

我需要节流或取消我的滚动在JavaScript，以便幻灯片只跳到下一张幻灯片。目前，它正在计算滚动单击次数，然后滚动那么多幻灯片。我正在使用革命滑块在一个WordPress网站。我有当前的代码使幻灯片使用鼠标滚动跳到下一张幻灯片。 } });})() 但是，正如您可以在www.bldeworks.co.za/刀片_ see _new上看到的

浏览 3提问于2016-01-27得票数 0

回答已采纳

3回答

网站…上的滚动行为非常缓慢

performance、html、css

我目前在这个网站…上工作*你知道是什么原因造成的吗？我使用的是宽85%高85%的HTML5和简单的img标签。如果我完全去掉所有的JS，它仍然是迟钝的。谢谢你的帮助。

浏览 0提问于2012-01-22得票数 0

回答已采纳

3回答

在边界内滚动div

javascript、jquery

我有div里面有图片，需要左右滚动。我已经设法让滚动工作了，但现在我需要它停留在可显示的区域。'#prev').click(function() {});这将是我幻灯片的底部。大图将显示在顶部。如何更改div的z索引？

浏览 0提问于2011-08-26得票数 1

1回答

可以暂时禁用fullpage.js的滚动功能吗？

javascript、jquery、fullpage.js

我正在构建一个使用fullpage.js的网站，它也有一个弹出并覆盖整个页面的覆盖层。在覆盖层中，是一个div设置，其中包含溢出:滚动，这样您就可以看到所有的内容。问题在于，当您在覆盖的内容中滚动时，fullpage.js的滚动仍在后台幻灯片上进行，导致您在关闭覆盖时出现随机幻灯片。是否有任何方法可以禁用仅用于幻灯片的滚动功能，而不影响我的div设置为溢出:滚动的滚动？

浏览 4提问于2014-09-10得票数 3

回答已采纳

1回答

使用JQuery打开面板时移动焦点

javascript、jquery、html、css、xhtml

在下面的网站上，我有两个隐藏的面板，标记为“显示地图”和“显示平面图”。楼层平面图很长，因此将位于页面视图下方。有没有办法将焦点保持在面板的底部，这样当它被点击时，你就可以看到整个打开的窗口，从而避免滚动？提前谢谢。

浏览 2提问于2009-06-10得票数 1

回答已采纳

2回答

带有溢出内容和内部滚动条的水平鼠标滚轮滑块

javascript、swiper、idangero

但在一些幻灯片中，我已经溢出了内容。当我试着滚动这个内容时，幻灯片会切换到下一个。var swiperOptions = { speed: 1000, mousewheel: true, };

浏览 2提问于2018-11-01得票数 0

1回答

通过道具禁用按钮将取消其onClick

javascript、reactjs

小车没有到达幻灯片的末尾。它由容器和overflow: auto组成，其中包含水平溢出的跟踪。每个幻灯片都是track的子程序，并且与视口一样宽。容器具有一个索引状态，该索引状态表示视图中的幻灯片：const [index, setIndex] = useState== newIndex)} 还有一个

浏览 4提问于2020-07-07得票数 1

2回答

滚动事件不使用fullPage.js触发

javascript、jquery、html、fullpage.js

我已经在我的页面中添加了fullpage.js，并且我试图从JQuery中添加scroll事件，但是我不知道为什么我不能启动，但是当我删除fullpage.js scroll事件时会触发。<div class="section" id="contact">Contact</div> <div id="footer">Footer</div> JSlastPage&

浏览 3提问于2017-01-30得票数 4

回答已采纳

2回答

使用fullPage.js水平滚动，可以使用鼠标滚轮吗？

javascript、jquery、scroll、fullpage.js

它支持滚动整个页面的幻灯片，每张幻灯片还可以包含一个水平幻灯片，通常通过单击其中一个侧边箭头触发。我想强制用户滚动该幻灯片，然后才能继续下一张幻灯片。有没有人知道一种方法，可以在向下滚动时使用鼠标滚轮触发幻灯片显示？然后，当它到达幻灯片的结尾时，它会再次垂直滚动到下一张幻灯片吗？

浏览 4提问于2013-11-26得票数 2

1回答

第三部分未在屏幕上

javascript

窗口不会滚动到第三部分。代码从幻灯片2跳到幻灯片4。在我的控制台日志中，数据是正确的600、1200、1800和2400。我试过不同的方法，但窃听器仍然存在。

浏览 3提问于2016-10-03得票数 0

回答已采纳

1回答

Fullpage.js一些幻灯片淡入

javascript、jquery、fullpage.js

是否可以使用fullpage.js滚动页面中的一些幻灯片，并在同一页面中淡入一些幻灯片？例如，前三个部分应该正常滚动，然后三个部分应该淡入，最后一个部分应该再次返回滚动。

浏览 11提问于2017-03-11得票数 1

1回答

Fullpage.js定制

javascript、slider、fullpage.js

我正在做一个使用fullpage.js的项目，并且面临着这样的问题。在我的项目中，我有垂直幻灯片，在每个垂直幻灯片中，我都有水平幻灯片。当我们使用鼠标滚动幻灯片时，幻灯片工作正常。也就是说，我们需要分别使用“向上翻页”和“向下翻页”箭头进行垂直滚动，使用“向右”和“向左”箭头分别进行水平滚动。强迫客户对不同的幻灯片使用不同的箭头是我的问题。我们是否可以在不破坏网站连续性的情况下，同时使用垂直幻灯片和

浏览 1提问于2018-10-03得票数 0

1回答