Javascript 根据内容高度自动更改箭头高度(液体滑块)

Javascript 根据内容高度自动更改箭头高度(液体滑块),javascript,jquery,html,css,slider,Javascript,Jquery,Html,Css,Slider,从屏幕截图中可以看到,当我按下下一张幻灯片时,箭头不会根据内容高度自动调整 希望箭头的动态高度显示在内容的中间。 我参考了液体滑块的代码,您可以查看或查看我的问题。希望你们中的一些人能给我一些建议。谢谢 $(“#滑块id”).liquidSlider({ 悬停箭头:错误, 卡罗斯:是的, }); [class$=“-箭头”]{ 宽度:25px; 高度:25px; 背景图像:url(../images/arrow.png); 背景重复:无重复; 利润率最高:40%!重要; 位置:相对位置; }

从屏幕截图中可以看到,当我按下下一张幻灯片时,箭头不会根据内容高度自动调整

希望箭头的动态高度显示在内容的中间。 我参考了液体滑块的代码,您可以查看或查看我的问题。希望你们中的一些人能给我一些建议。谢谢

$(“#滑块id”).liquidSlider({
悬停箭头:错误,
卡罗斯:是的,
});
[class$=“-箭头”]{
宽度:25px;
高度:25px;
背景图像:url(../images/arrow.png);
背景重复:无重复;
利润率最高:40%!重要;
位置:相对位置;
}

小组1
Lorem ipsum dolor sit amet,是一位杰出的献身者。梅塞纳斯·梅特斯·努拉、康莫多·索德莱斯、比勒蒂姆·努克的尊贵。纳姆和拉克斯内克。这是我的毛里斯·劳里特前庭。南布兰迪猫是非内克猫。莫比·维勒·威尼姆·马萨·威尼姆·康莫·维塔·奎斯·泰勒斯。Nunc非莫利斯空。我是一个杰出的青年。我是马萨,临时康瓦利斯苏打水,艾库利斯ac马萨。这是我的职业生涯。阿利奎姆坐在阿梅特的胸前。临时艺术大师

Lorem ipsum dolor sit amet,是一位杰出的献身者。梅塞纳斯·梅特斯·努拉、康莫多·索德莱斯、比勒蒂姆·努克的尊贵。纳姆和拉克斯内克。这是我的毛里斯·劳里特前庭。南布兰迪猫是非内克猫。莫比·维勒·威尼姆·马萨·威尼姆·康莫·维塔·奎斯·泰勒斯。Nunc非莫利斯空。我是一个杰出的青年。我是马萨,临时康瓦利斯苏打水,艾库利斯ac马萨。这是我的职业生涯。阿利奎姆坐在阿梅特的胸前。临时艺术大师

小组2 这是我最喜欢的。纳拉姆·努克·麦格纳,蒂尼登·欧波尔塔,福西布斯·塞德·麦格纳。拉奥里特·奥纳雷·乌兰科珀酒店。托尔托尔尼布的空。佩伦茨克是nec狮子座前庭的重要人物

小组3 佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。莫里斯·普莱斯特拉特·埃利芬德·利奥。他是一个聪明的人。威斯康辛州的前庭、调味品、康茂德维塔、奥纳雷西特、威斯康辛州。埃涅亚发酵液、精粹葡萄汁调味品、红莓汁、豆豉箭叶。在turpis枕面部进行非enim治疗。乌特·费利斯。事实上,这是一个错误,是一个错误,是一个错误,是一个错误。阿利奎姆·埃拉特·帕特。Nam dui mi、tincidunt quis、accumsan porttitor、facilisis luctus、metus

小组4 这是我最喜欢的。纳拉姆·努克·麦格纳,蒂尼登·欧波尔塔,福西布斯·塞德·麦格纳。拉奥里特·奥纳雷·乌兰科珀酒店。托尔托尔尼布的空。佩伦茨克是nec狮子座前庭的重要人物

Lorem ipsum dolor sit amet,是一位杰出的献身者。梅塞纳斯·梅特斯·努拉、康莫多·索德莱斯、比勒蒂姆·努克的尊贵。纳姆和拉克斯内克。这是我的毛里斯·劳里特前庭。南布兰迪猫是非内克猫。莫比·维勒·威尼姆·马萨·威尼姆·康莫·维塔·奎斯·泰勒斯。Nunc非莫利斯空。我是一个杰出的青年。我是马萨,临时康瓦利斯苏打水,艾库利斯ac马萨。这是我的职业生涯。阿利奎姆坐在阿梅特的胸前。临时艺术大师


通过覆盖arows css,将页边距顶部设置为0,顶部设置为50%,如下所示:

[class$="-arrow"] {
    ....
    top:50%;
    margin-top:0 !important;
    ...
}
请参阅下面的代码片段:
$(“#滑块id”).liquidSlider({
悬停箭头:错误,
卡罗斯:是的,
});
[class$=“-箭头”]{
宽度:25px;
高度:25px;
背景图像:url(../images/arrow.png);
背景重复:无重复;
最高:50%;
页边距顶部:0!重要;
位置:相对位置;
}

小组1
Lorem ipsum dolor sit amet,是一位杰出的献身者。梅塞纳斯·梅特斯·努拉、康莫多·索德莱斯、比勒蒂姆·努克的尊贵。纳姆和拉克斯内克。这是我的毛里斯·劳里特前庭。南布兰迪猫是非内克猫。莫比·维勒·威尼姆·马萨·威尼姆·康莫·维塔·奎斯·泰勒斯。Nunc非莫利斯空。我是一个杰出的青年。我是马萨,临时康瓦利斯苏打水,艾库利斯ac马萨。这是我的职业生涯。阿利奎姆坐在阿梅特的胸前。临时艺术大师

Lorem ipsum dolor sit amet,是一位杰出的献身者。梅塞纳斯·梅特斯·努拉、康莫多·索德莱斯、比勒蒂姆·努克的尊贵。纳姆和拉克斯内克。这是我的毛里斯·劳里特前庭。南布兰迪猫是非内克猫。莫比·维勒·威尼姆·马萨·威尼姆·康莫·维塔·奎斯·泰勒斯。Nunc非莫利斯空。我是一个杰出的青年。我是马萨,临时康瓦利斯苏打水,艾库利斯ac马萨。这是我的职业生涯。阿利奎姆坐在阿梅特的胸前。临时艺术大师

小组2 这是我最喜欢的。纳拉姆·努克·麦格纳,蒂尼登·欧波尔塔,福西布斯·塞德·麦格纳。拉奥里特·奥纳雷·乌兰科珀酒店。托尔托尔尼布的空。佩伦茨克是nec狮子座前庭的重要人物

小组3 佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。埃尼安u