Javascript 如何让我的箭头文本保持在fullpage.js的正确位置?

Javascript 如何让我的箭头文本保持在fullpage.js的正确位置?,javascript,jquery,html,css,fullpage.js,Javascript,Jquery,Html,Css,Fullpage.js,我是新来的,我正在寻找一些困扰我的问题的答案。我正在为一个客户开发一个网站,它使用fullpage.js。。。。。您可以访问以下网站: 问题是我对箭头旁边的文本有问题。我无法在“幻灯片1”上保留正确的文本我尝试过使用“位置:固定”,但它保留在正确的位置,但它在每个幻灯片上,我需要在每个幻灯片上使用不同的文本 html代码是: <body> <div class="section" id="section1"> <div class="slide" i

我是新来的,我正在寻找一些困扰我的问题的答案。我正在为一个客户开发一个网站,它使用fullpage.js。。。。。您可以访问以下网站:

问题是我对箭头旁边的文本有问题。我无法在“幻灯片1”上保留正确的文本我尝试过使用“位置:固定”,但它保留在正确的位置,但它在每个幻灯片上,我需要在每个幻灯片上使用不同的文本

html代码是:

    <body>
<div class="section" id="section1">
    <div class="slide" id="slide1"><img src="imgs/Lowe-Clothing-logo.png" width="30%">
            <div id="left-text">Business Opportunities</div><!--left-text-->
  <div id="right-text">Introduction</div><!--right-text--></div><!--Slide1-->
    <div class="slide" id="slide2"><h1>Totally customizable</h1></div><!--Slide2-->
</div>


</body>
因此,基本上我试图将文本放置在箭头上,但要与其余内容过渡。我希望在每页的箭头旁边有不同的文本。您可以下载整个站点来查看整个代码

任何帮助都将不胜感激。。 谢谢
Rob

首先,尝试只使用一种css单元,即仅使用像素或em


尝试此操作,然后使用相对或绝对,如果有效,请尝试。

逻辑似乎错误

尝试位置:相对位置,而不是固定或绝对位置 并将顶部、左侧和右侧设置为自动或x%


关键点应该是位置、顶部、左侧和右侧。

要更改每张幻灯片的文本,您应该使用插件提供的回调。 在这种情况下,您需要使用回调函数

这样,您就可以使用jQuery为每张幻灯片添加以下文本:

$('textLeft').text('demo');
$('textRight').text('demo');

为了正确定位文本,您可以使用绝对定位,因为各节具有
position:relative

您是否尝试了relative而不是fixed?我尝试了,但也没有成功。它使它们保持在同一张幻灯片上,但它们完全进入了错误的位置,并且在调整屏幕大小时无法正常工作:/I上传了带有位置的站点:relative onI仅将em用于字体大小,所有内容都使用px排列,绝对将正确的文本放在另一张幻灯片上…文本需要放在容器中还是整个幻灯片需要“包装”?对,当屏幕最大化和正常缩放时,我已设法使它们保持在正确的位置,但当我更改屏幕大小或放大时,它们会移动。。。。新网站是在我尝试相对,但我似乎无法得到他们在正确的地方,他们没有留在正确的地方,当我调整屏幕大小
$('textLeft').text('demo');
$('textRight').text('demo');