Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.07.2018, 17:27
Профессор
Отправить личное сообщение для s24344 Посмотреть профиль Найти все сообщения от s24344
 
Регистрация: 12.08.2015
Сообщений: 206

Слайдер на vanilla javascript
Здравствуйте. Сейчас делаю сайт, требование полностью на vanilla javascript. Есть задача сделать слайдер (ниже вложение, как ондолжен выглядеть).
Для слайдера выбрал вот это решение:
https://github.com/ganlanyuan/tiny-slider

Но меня интересует ещё и верстка. Был бы признателен, узнать ваше мнение как сделать подобное решение (часть слайда за viewport).
Screenshot_1.jpg
Ответить с цитированием
  #2 (permalink)  
Старый 27.07.2018, 17:35
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

почитатйте про overflow:hidden; и вам все станет понятно
Ответить с цитированием
  #3 (permalink)  
Старый 27.07.2018, 17:44
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

вот вам простой пример накидал, оба айтема одинакового размера
<!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>
Ответить с цитированием
  #4 (permalink)  
Старый 27.07.2018, 19:08
Профессор
Отправить личное сообщение для s24344 Посмотреть профиль Найти все сообщения от s24344
 
Регистрация: 12.08.2015
Сообщений: 206

Спасибо за помощь.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Слайдер на javascript alexandr2006 Элементы интерфейса 2 09.11.2016 11:01
Книга: JavaScript. Сильные стороны Magneto Учебные материалы 16 21.04.2013 15:28
Интерпретатор Java на JS kobezzza Оффтопик 24 11.10.2012 18:32
Последние книги по JavaScript! monolithed Учебные материалы 7 26.10.2010 19:40
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34