我有一个集装箱舱:
<div id="fullpage" class="fullpage_bg">
...rest of the elements
</div
它有一个肖像和景观的背景图像:
#fullpage {background-color: rgba(0,0,0,0.2); background-position: center center;}
@media screen and (orientation:portrait) {
.fullpage_bg{
background-image: url(&
我正在试用fullPage.js,并希望与它一起使用固定导航。
我如何改变导航锚的颜色,使您可以看到您实际是什么页面?
正如我所看到的,fullPage.js向活动的部分(页面)添加了一个活动类。但怎么把它和我的导航a联系起来?
我试过一些jQuery,但到目前为止没有什么效果。.css()似乎没有覆盖我的旧值。
我得到的是:
HTML
html
head
title CSS Test
script(src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js")
l
我正在开发一个使用fullpage.js的完整网页网站。我上面有个固定的导航条。我想通过添加和删除css类来更改导航栏上的徽标。我试过这样的代码:
function sticky_relocate() {
var window_top = $(window).scrollTop();
var div_top = $('#sticky-anchor').offset().top;
if (window_top > div_top)
$('#sticky').addClass('stick')
else
$(
我正在尝试使用fullpage.js中的函数,该函数允许我导航到特定的部分/幻灯片,如下所示:
/*Scrolling to the section with the anchor link `firstSlide` and to the 2nd Slide */
$.fn.fullpage.moveTo('firstSlide', 2);
我试图在afterSlideLoad()函数中使用它,试图自动循环幻灯片。我的代码如下所示:
$.fn.fullpage({
anchors: ['home', 'gallery'],
我只是在摆弄FullPage.js扩展,看看它是否能帮助我实现我想要的结果。基本上,我想要一个div作为所有部分的背景,在我的情况下,它不是我想要保留在背景中的视频或图像,而是一个三个is的动画每次运行脚本都会浪费资源。我已经试过了
<div id="fullpage">
<!-- id="webgl" Three js script would be loaded here -->
<div class="section">Some section</div>
<div cl