使小叶图层控制面板使用javascript做出响应

问题描述

我的传单层控件上有太多行，因此它溢出到页面之外。 如何使用javascript执行操作？

.leaflet-control-layers {
  overflow: auto;
}

我尝试过的

1.  var controls = L.control.layers(null,overlayMaps,{collapsed: false}); controls.addTo(map); controls.style.overflow="auto"; 

   我知道控件没有style属性

2. 相同问题的第二个答案

    document.getElementById("leaflet-control-layers").style.overflow="auto"; 

   什么都没发生

3. 不知道我从哪里得到的，但是我想我的地图没有使用jQuery

    $(".leaflet-control-layers").style.overflow="auto"; 

   由于此打印的ReferenceError: $ is not defined在控制台中ReferenceError: $ is not defined 。

4. 从公认的答案到

     var layercontrols = document.querySelectorAll('.leaflet-control-layers'); for(var i=0; i<layercontrols.length; i++){ layercontrols[i].style.overflow="auto"; } 

   （什么都没发生）