Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Div与css和back按钮不正确对齐_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript Div与css和back按钮不正确对齐

Javascript Div与css和back按钮不正确对齐,javascript,jquery,html,css,Javascript,Jquery,Html,Css,在我正在使用的网站上,我希望用户可以滚动并单击图标来“打开”它们。例如,如果用户单击“关于我们”图标,它将有一段信息,他们可以在其中上下滚动文本。虽然当我这么做的时候,我不知道两件事。一个如何添加一个后退按钮时,用户点击一个图标,并打开信息,(该人点击关于我们的图标,图标消失,文本出现,然后点击回来看到其他图标)。第二个问题是如何将信息放在括号之间,我尝试使用CSS,但这不起作用 document.body.style.overflow=“hidden”; //上下键的按键笔划 //设置我们的

在我正在使用的网站上,我希望用户可以滚动并单击图标来“打开”它们。例如,如果用户单击“关于我们”图标,它将有一段信息,他们可以在其中上下滚动文本。虽然当我这么做的时候,我不知道两件事。一个如何添加一个后退按钮时,用户点击一个图标,并打开信息,(该人点击关于我们的图标,图标消失,文本出现,然后点击回来看到其他图标)。第二个问题是如何将信息放在括号之间,我尝试使用CSS,但这不起作用

document.body.style.overflow=“hidden”;
//上下键的按键笔划
//设置我们的容器
const el=document.querySelector(“中间”);
//创建新的SlotMachine
const slot=新SlotMachine(el,{});
document.onkeydown=checkKey;
功能检查键(e){
e=e | | window.event;
//密码:EADWEARD
动画({
目标:“右分区”,
translateX:{
价值:200,
持续时间:500
}
});
动画({
目标:“左分区”,
translateX:{
值:-200,
持续时间:500
}
});
如果(例如,keyCode==“40”){
//这是下来的
//这将打开它
slot.prev();
}否则,如果(例如,keyCode==“38”){
slot.next();
}
}
//滚动检测在这里发生,没有滚动条
$(“html”)。在(“鼠标滚轮”上,函数(e){
动画({
目标:“右分区”,
translateX:{
价值:200,
持续时间:500
}
});
动画({
目标:“左分区”,
translateX:{
值:-200,
持续时间:500
}
});
var delta=e.originalEvent.wheelDelta;
if(δ<0){
//这是用于向下滚动的
//动画打开了制动器
slot.prev();
}
如果(增量>0){
slot.next();
}
});
//这是用于检测中间div中的div的点击。
//1=第二个图像,2=第三个图像
$(“.middle div”)。单击(函数(){
if($(this).index()=='1'){
控制台日志(“该死的”);
$('#aboutID')。淡出(“慢”,函数(){
var div=$(" LoRM Ipple Door,乱数假文,除了偶尔出于谨慎,不能因为工作上的过失而受到动物和劳动的伤害。知识本身是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德,是一种美德。两人或两人都有权在法庭上受到谴责,因为他们都有权在法庭上被判死刑。除了偶尔被判无罪外,其他人都有权在法庭上为自己的动物和劳力承担罪责。同样,他们也有权坐在法庭上,为自己的精英献身,为自己的劳动和巨大的财富付出时间最低限度,我们不需要在公共事务中进行劳动。两人或两人在集体诉讼中被起诉,并被判处死刑。除非是出于不自大的原因,也不能因职权上的过失而被判处死刑。同样的道理,也不能被判处死刑再者,精英们,他们暂时加入了劳动和就业大军。在最低限度的工作中,他们的劳动和就业都是在消费品市场上进行的。两人或两人的就业都是在不平等的情况下进行的这是一种罪过,因为这是一种劳动。

”).hide(); var但是=$(“第二个按钮”); $('theMiddle')。替换为(div); $('foo').fadeIn(“慢”); $('secondbutton').fadeIn(“慢”); }); }if($(this).index()=='2'){ 控制台日志(“作业页面”); } });
.box{
位置:相对位置;
宽度:100px;
高度:100px;
保证金:4倍;
显示:内联块;
}
左分区{
位置:绝对位置;
左:390px;
}
中区{
位置:绝对位置;
左:490px;
顶部:150px;
}
右分区{
位置:绝对位置;
左:870px;
}
#左,#右{
宽度:290px;
浮动:左;
}
#中间的{
宽度:自动;
浮动:左;
}
#中间地带{
左:490px;
顶部:150px;
}
#福{
高度:300px;
宽度:400px;
左:490px;
顶部:150px;
溢出y:滚动
}

强调

据我所知,我认为这就是您要做的,请检查JSFIDLE

唯一需要更改的是#foo id的CSS,以便将段落放在中间,图标是:

#foo {
  position: absolute;
  height: 300px;
  width: 400px;
  left: 490px;
  top: 150px;
  overflow-y: scroll
}

此外,我在您的代码中找不到任何与后退按钮相关的内容。

请添加一个snippet@DananjayaAriyasenaJS文件中的back按钮的“问题”片段,如80 ish.$(“#secondbutton”)。fadeIn(“slow”);我不知道如何集成it@joshau在这里,在创建按钮时选中此选项:
var但是=$(“第二个按钮”);
然后您必须将其添加到HTML DOM中,您可以使用
append()
prepend()
函数来执行此操作,以向您展示,我已将按钮附加到主
正文
标记中。希望这能解决您的问题。