Слайдер на vanilla javascript
Вложений: 1
Здравствуйте. Сейчас делаю сайт, требование полностью на vanilla javascript. Есть задача сделать слайдер (ниже вложение, как ондолжен выглядеть).
Для слайдера выбрал вот это решение: https://github.com/ganlanyuan/tiny-slider Но меня интересует ещё и верстка. Был бы признателен, узнать ваше мнение как сделать подобное решение (часть слайда за viewport). Вложение 3954 |
почитатйте про overflow:hidden; и вам все станет понятно
|
вот вам простой пример накидал, оба айтема одинакового размера
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.block{
width: 1000px;
}
.blockWrap{
width: 400px;
overflow: hidden;
border: 1px solid gray;
}
.item{
margin: 5px;
display: inline-block;
border: 1px solid red;
width: 300px;
height: 100px;
}
</style>
</head>
<body>
</script>
<div class="blockWrap">
<div class="block">
<div class="item"></div>
<div class="item"></div>
</div>
</div>
</script>
</body>
</html>
|
Спасибо за помощь.
|
| Часовой пояс GMT +3, время: 02:47. |