Вопросы Теги

Сделать два равных доля такую ​​же прокрутку?

дали два равных, которые представляют собой столбцы, встроенные в большую дивер. Если HTML «! Thing» представляет множество строк данных, которые превысили высоту контейнера, как мне установить его, чтобы два раза вполнели переполнение и делиться одной прокруткой из «контейнера»? 


.container {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    padding-bottom: 30px;   
}

.col1 {
    height: 100%;
    width: 50%;
    overflow-x: hidden;
    overflow-y: visible;
    position: relative;
    float: left;
}

.col2 {
    height: 100%;
    width: 50%;
    overflow-x: hidden;
    overflow-y: visible;
    position: relative;
    float: right;
}


<div class="container">
  <div class="col1">
    !Stuff<br/>
  </div>

  <div class="col2">
    !Stuff
  </div>
</div>
-121 1633300- Чтение значения RGB Pixel Pixel Я положил изображение в Canvas, и я хочу получить значение RGB пикселей этого изображения, когда пользователь перемещает мышь на изображение. Вот код, который я написал:

Я поставил изображение в холсте, и я хочу получить значение RGB пикселей этого изображения, когда пользователь перемещает мышь на изображение. Вот код, который я написал: 

<canvas id="myCanvas" width="200" height="200" style="border: red;border-style: dotted">
Your browser does not support the canvas element.
</canvas>
<script>
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

var destX = 0;
var destY = 0;

var imageObj = new Image();
imageObj.onload = function()
{
context.drawImage(imageObj, destX, destY);
};
imageObj.src = "zain.jpg";

canvas.onclick = function(e) {
    var x = e.pageX;
    var y = e.pageY;
    var canvasColor = context.getImageData(x, y, 1,1); // rgba e [0,255]
    var pixels = canvasColor.data;
    var r = pixels[0];
    var g = pixels[1];
    var b = pixels[2];
    document.body.style.backgroundColor = "rgb("+r+','+g+','+b+")";
}
6
задан Matt Ellen 13 June 2014 в 11:32
поделиться