Javascript 无法更改按键上的CSS属性值

Javascript 无法更改按键上的CSS属性值,javascript,jquery,html,css,Javascript,Jquery,Html,Css,现在我的代码是包含一个HTML表和一个弹出窗口,当页面加载时会出现。HTML表的标题栏是固定的,但只有当✕ 单击弹出窗口上的按钮。如果要按键g或g,则可以重新访问弹出窗口。但是,HTML表格的标题栏将保持固定,并在一定程度上隐藏弹出窗口 这就是我想要解决的问题。当按下g或g键时,我希望HTML表格的标题栏返回到✕ 按钮甚至在一开始就被点击了 一种方法是将属性scrollingTop的值从-10更改为-1000,如下所示: 当✕ 单击按钮: $(".copyTable").floatThead({

现在我的代码是包含一个HTML表和一个弹出窗口,当页面加载时会出现。HTML表的标题栏是固定的,但只有当✕ 单击弹出窗口上的按钮。如果要按键
g
g
,则可以重新访问弹出窗口。但是,HTML表格的标题栏将保持固定,并在一定程度上隐藏弹出窗口

这就是我想要解决的问题。当按下
g
g
键时,我希望HTML表格的标题栏返回到✕ 按钮甚至在一开始就被点击了

一种方法是将属性
scrollingTop
的值从
-10
更改为
-1000
,如下所示:

当✕ 单击按钮:

$(".copyTable").floatThead({
    scrollingTop: -10
});
当按下
g
g
键时,我希望发生什么:

$(".copyTable").floatThead({
    scrollingTop: -1000
});
现在,这只是实现我目标的一种方法,欢迎您使用其他/更简单的方法来做同样的事情

显然,这不像在我的按键功能中添加
scrollingTop
属性设置为
-1000
的代码位那么简单,因为那样我就不在这里了。我还尝试了其他几种方法来实现这一点,比如使用全局变量,但没有效果

希望你们能帮我解决我的问题,因为我根本不知道如何完成看似简单的任务。这是指向的链接,但我必须警告您,由于屏幕尺寸较小,小提琴的定位有点不准确。它在代码段中运行良好,但我建议以全屏模式查看它以获得更好的结果

$(文档).ready(函数(){
$(文档)。按键(功能(e){
if(e.charCode==71 | | e.charCode==103){
$('#PopUp').css(“可见性”、“可见”);
$('弹出').css(“不透明度”,1);
}
});
$('#PopUp').css(“可见性”、“可见”);
$('弹出').css(“不透明度”,1);
$(“.close”)。单击(函数(){
$('#PopUp').css(“可见性”、“隐藏”);
$('弹出').css(“不透明度”,0);
!功能(a){
功能b(a、b、c){
如果(8==g){
变量d=j.宽度(),
e=f.去盎司(函数(){
var a=j.宽度();
d!=a&(d=a,c())
},a);
j、 关于(b,e)
}else j.on(b,f.debounce(c,a))
}
职能c(a){
window.console&&window.console&&window.console.log&&window.console.log(a)
}
函数d(){
var b=a(“”);
a(“主体”)。附加(b);
var c=b.innerWidth(),
d=a(“div”,b).innerWidth();
返回b.remove(),c-d
}
职能e(a){
if(a.dataTableSettings)for(var b=0;bth:visible”,
zIndex:1001,
脱盎司:10,
使用绝对定位:!0,
scrollingTop:0,
滚动底部:0,
scrollContainer:函数(){
返回一个([])
},
getSizingRow:函数(a){
返回a.find(“tbody tr:visible:first>*”)
},
浮动表类:“浮动表”,
floatWrapperClass:“floatThead包装器”,
floatContainerClass:“floatThead容器”,
copyTableClass:!0,
调试:!1
};
var f=窗口,
g=函数(){
对于(var a=3,b=document.createElement(“b”),c=b.all | |[];a=1+a,b.innerHTML=“”,c[0];);
返回a>4?a:document.documentMode
}(),
h=null,
i=函数(){
如果(g)返回!1;
var b=a(“”);
a(“主体”)。附加(b);
var c=b.find(“col”).width();
返回b.remove(),0==c
},j=a(窗口),
k=0;
a、 fn.floatThead=函数(l){
如果(l=l |{},!f&&(f=window.| | a.floatThead.|,!f))抛出新错误(“jquery.floatThead-slim.js需要下划线。您应该使用非精简版本,因为您没有下划线。”);
如果(8>g),则返回该值;
如果(null==h&&(h=i(),h&&(document.createElement(“fthtr”)、document.createElement(“fthtd”)、document.createElement(“fthfoot”)、f.isString(l)){
var m=l,
n=这个;
返回此.filter(“表”).each(函数(){
var b=a(本)。数据(“浮点数附件”);
if(b&f.isFunction(b[m])){
var c=b[m]();
“未定义”!=类型c&&(n=c)
}
}),n
}
var o=a.extend({},a.floatThead.defaults |{},l);
返回a.each(l),函数(b){
b在a.floatThead.defaults | | |!o.debug | | c(“jQuery.floatThead:使用[“+b+”]键初始化插件,但该参数不是插件的选项。有效选项为:“+f.keys(a.floatThead.defaults)。join(“,”)
}),this.filter(“:not(“+o.floatTableClass+”))。每个(函数(){
职能c(a){
返回一个“+”.fth-“+y+”.floatTHead”
}
函数i(){
var b=0;
A.find(“tr:visible”)。每个(函数(){
b+=a(此).outerHeight(!0)
}),Z.outerHeight(b),$.outerHeight(b)
}
函数l(){
var a=z.外径(),
b=I.宽度()| | a;
如果(X.宽度(b-F.垂直),O){
var c=100*a/(b-F垂直);
S.css(“宽度”,c+“%”)
}其他S.外套宽度(a)
}
函数m(){
.floatThead-container{
  z-index:1 !important;
}
$('.floatThead-container').css('top','0px');