Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.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 在jQuery中保持页面位置和滚动条_Javascript_Jquery_Html_Css_Scroll - Fatal编程技术网

Javascript 在jQuery中保持页面位置和滚动条

Javascript 在jQuery中保持页面位置和滚动条,javascript,jquery,html,css,scroll,Javascript,Jquery,Html,Css,Scroll,在手机上,我有一个小UI问题,如果你打开“FÜLLUNG”标签,因为内容很长,然后向下滚动并打开“Msse”但我想要的是,在另一个选项卡关闭时,保持页面上的位置,然后滚动到新打开的选项卡,就像当前在主网站上一样。所有内容都将消失,您将位于网站底部,然后滚动回新选项卡 如果您有手机,您可以在此处看到: $(文档).ready(函数(){ var originalTabs=$('.originalTabs').html(); var windowWidth=0; var swapSpeed=30

在手机上,我有一个小UI问题,如果你打开“FÜLLUNG”标签,因为内容很长,然后向下滚动并打开“Msse”但我想要的是,在另一个选项卡关闭时,保持页面上的位置,然后滚动到新打开的选项卡,就像当前在主网站上一样。所有内容都将消失,您将位于网站底部,然后滚动回新选项卡

如果您有手机,您可以在此处看到:

$(文档).ready(函数(){
var originalTabs=$('.originalTabs').html();
var windowWidth=0;
var swapSpeed=300;
速度=200;
函数clearTabs(){
$('.originalTabs').html(originalTabs);
}
//clearTabs();
//桌面选项卡();
函数desktopTabs(){
clearTabs();
//用于桌面的cretate选项卡
风险值标题=$(“#选项卡描述h6”);
$('tab#tab_description h6')。每个(功能(i){
$(this.nextUntil(“h6”).andSelf().wrapAll(“”);
});
对于(变量i=0;i”);
}
$('ul.tabs')。每个(函数(){
var-active,content,links=$(this.find('a');
var listitem=$(this.find('li');
active=listitem.first().addClass('active');
content=$(active.attr('href');
$('.tab').hide();
$(this)。查找('a')。单击(函数(e){
$('.tab').hide();
$('ul.tabs li').removeClass('active');
content.hide();
活动=$(此);
content=$($(this.attr('href'));
active.parent().addClass('active');
content.show();
返回false;
});
});
headers.remove();//从描述中删除头
$('#tab-0').show();//显示第一个选项卡
}
函数mobiletab(){
clearTabs();
//警报(“装载手机”);
风险值标题=$(“#选项卡描述h6”);
$(标题)。每个(函数(i){
$(此)。附加(“”);
//$(this.nextUntil(“h6”).andSelf().wrapAll(“”);
$(此).on('单击tap',函数()){
tabClick($(this));
});
});
$('#tab_description h6').first().addClass(“活动”);
$('#tab#u description h6').first().nextUntil(“h6”).show();
}
var tabClick=函数(x){
//警报(“点击”);
var accordionContent=$(“#tab#u description p,#tab#u description ul,#tab#u description table,#tab#u description div”);
//$('#tab#u description h6')。removeClass(“活动”);
if(!$(x).hasClass(“活动”)){
$(x).addClass(“活动”);
$('#tab#u description h6')。removeClass(“活动”);
$(手风琴内容).slideUp(交换种子);
$(x).addClass(“活动”);
$(x).nextUntil('h6').slideDown(swapSpeed).promise().then(function()){
滚动标签($(x));
});
}否则{
if($(x).next(“p”).css('display')='none'){
$(x).nextUntil('h6').slideDown(swapSpeed).promise().then(function()){
滚动标签($(x));
});
}否则{
$(手风琴内容).slideUp(交换种子);
}
}
返回false;
}
函数scrollToTab(x){
$(“html,body”).animate({
scrollTop:$(x).offset().top-10
},滚动速度);
}
//加载默认值
$(窗口).on(“加载”,函数(){
mobiletab();
});
//绑定以调整大小
$(窗口)。在(“方向更改大小”,函数()上){
if(windowWidth!=$(window.width()){
mobiletab();
$('#tab#description h6')。打开(“点击”,点击);
windowWidth=$(window.width();
删除窗口宽度;
}
});
});
#选项卡描述p,
#标签描述ul,
[隐藏],
模板{
显示:无
}
#标签描述{
列表样式类型:圆圈!重要;
左侧填充:20px
}
.标签{
线高:23px;
字体大小:14px;
利润上限:20px
}
@仅媒体屏幕和(最大宽度:41.6875em)和(方向:纵向){
#表1描述h6{
光标:指针;
边际:0.08像素;
字体大小:1.1米;
填充:10px;
背景:#999;
颜色:#fff;
文本转换:大写;
显示:块
}
#tab_说明h6.active{
背景:#333
}
#表1说明h6跨度{
行高:0!重要
}
#tab_说明div,
#表4描述p,
#tab_说明表,
#标签描述{
显示:无;
保证金:0;
填充物:5em.5em 1em;
字体大小:.9em
}
#tab_description div:第一个孩子,
#表p:第一个孩子,
#tab_说明表:第一个孩子,
#表2描述:第一个孩子{
显示:块
}
#tab_说明iframe{
宽度:100%
}
#标签描述{
左边距:20px
}
}
@仅媒体屏幕和(最大宽度:41.6875em)和(方向:横向){
#表1描述h6{
光标:指针;
边际:0.08像素;
字体大小:1.1米;
填充:10px;
背景:#999;
颜色:#fff;
文本转换:大写
}
#tab_说明h6.active{
背景:#333
}
#表1说明h6跨度{
行高:0!重要
}
#tab_说明div,
#表4描述p,
#tab_说明表,
#标签描述{
保证金:0;
填充:1em 0;
字体大小:.9em
}
#tab_说明iframe{
宽度:100%
}
#标签描述{
左边距:20px
}
}
输入,
挑选{
背景:#fff
}
#tab_说明。播放按钮,
#tab_说明。视频容器,
#tab_说明。视频播放器,
#表2描述部门p{
显示:阻止!重要
}

贝施雷邦 超级宝石级声学坐垫中的小女孩Seele baumeln während du。我是杰根萨茨·祖赫尼希恩·西茨卡肯的榜样,他是梅尔祖比滕。Zwei Füllbereiche erlauben es dir,这是一张贝利本的沙发。这是一次全球环境基金会,也是一次博登泰尔基金会。这是一种以稳定的形式存在的内部弹性组织,不需要将其与朋克舞结合起来。塞兹·迪欣和杜·威尔斯特·杜斯