Question

CSS从Mozilla Firefox隐藏滚动条，因为我们可以从chrome中隐藏它，例如：-

::-webkit-scrollbar

Answer 1

有很多方法：

  var name = $("#ContentPlaceHolder1_HiddenField1").val();

  var mergeCanvas = $('<canvas>')
        .attr({
            width: $(img).width(),
            height: $(img).height()
        });

  var mergedContext = mergeCanvas[0].getContext('2d');
  mergedContext.clearRect(0, 0, $(img).width(), $(img).height());
  mergedContext.drawImage(img, 0, 0);
  mergedContext.drawImage(canvas, 0, 0);

  This.downloadCanvas(mergeCanvas[0], name);

 body {
          srollbar-width: none
       }

Answer 2

您可以执行以下操作

<div style='width: 100%;height:300px;'>
     <div style='height: 100%; overflow: auto; margin-right: -15px;'>
          //your overflowing content
     </div>
</div>

父div中的高度取决于您的用例。

内部div中的margin-right属性是滚动条宽度，可以通过javascript如下计算。

var div = document.createElement('div');
div.setAttribute('style', "width: 100%;height: 100%;position: absolute;overflow: auto;visibility: hidden;");
document.body.appendChild(div);
div.innerHTML = '<div style="width: 100%;height: 200%;"></div></div>';
var scrollWidth = div.offsetWidth - div.clientWidth;
div.parentNode.removeChild(div);
return scrollWidth;

您必须将返回的' scrollWidth '数据设置为子容器的负' margin-right '。

这将适用于所有浏览器。

注意： margin-right 属性应在检查内容是否溢出后设置。否则您将遇到一些宽度问题。

如何从Mozilla FireFox隐藏滚动条？

2 个答案: