Javascript 如果滚动条浏览器处于活动状态且未处于活动状态,则显示隐藏元素

Javascript 如果滚动条浏览器处于活动状态且未处于活动状态,则显示隐藏元素,javascript,jquery,Javascript,Jquery,如何使用jquery 如果滚动条或溢出元素处于活动状态和无活动状态 这是我问题的示例代码 示例html $(函数(){ var t=$(“#容器ts插件区域”), s=t.find('.container-ts-plugin-area'), e=s.find('.ts插件区域'), f=(e.outerWidth()+parseInt(e.css('margin-left'),10)+parseInt(e.css('margin-right'),10))*e.length; s、 css(“宽

如何使用
jquery

如果滚动条或溢出元素处于活动状态无活动状态

这是我问题的示例代码

示例html

$(函数(){
var t=$(“#容器ts插件区域”),
s=t.find('.container-ts-plugin-area'),
e=s.find('.ts插件区域'),
f=(e.outerWidth()+parseInt(e.css('margin-left'),10)+parseInt(e.css('margin-right'),10))*e.length;
s、 css(“宽度”,f);
$('.'u ts_cont_btn_N_P button')。在(“单击鼠标输入”,函数(){
var role=$(this.data('role');
t、 停止()。设置动画({
向左滚动:(角色==“N”)?“+=300px”:“-=300px”
}, 400);
});
});
。\u ts\u cont\u btn\u P{
溢出:隐藏;
}
.插件区{
溢出-x:自动;
溢出y:隐藏;
}
.ts插件区{
宽度:100px;
高度:100px;
背景色:红色;
显示:块;
浮动:左;
利润率:0.5px;
}
.\u ts\u btn\u prev\u插件{
浮动:左;
}
._ts_btn_N_插件{
浮动:对;
}

1.
2.
3.
4.
5.
6.

要检查元素是否有滚动条或溢出活动无活动状态,需要检查子元素是否大于父元素

此外,它还取决于您父母的溢出设置,它应该是
auto
scroll
,以便显示滚动条

全球范例

if($('.child').width()>$('.parent').width()){
//那就做点什么
log(“滚动条处于活动状态”);
}
.parent{
宽度:300px;
溢出:自动;
}
.孩子{
宽度:500px;
}

//在这里加些东西