강의

멘토링

커뮤니티

Inflearn コミュニティ Q&A

jongkmin19915422 のプロフィール画像
jongkmin19915422

投稿した質問数

初心者でも作れるスクロールインタラクション。第1回 JavaScript

2-1 [実践編] 基礎固め! 移動距離の割合の求め方

질문드립니다.

作成

·

356

1

아래의 이미지처럼 render function 에서

프로그레스 바는 width : scrollPercent 다음에 '%'를 추가하는건 이해가 가는데

text.text(textPercetn + 다음으로 들어오는 '%'는 왜 들어가야하나요??

혹시나해서 text.text(textPercetn); 로 해봤는데 아예 먹히질 않더라구요

function render(textPercent,scrollPercent) {
		text.text(textPercent + '%'); 

		progressBar.css({ 
			width : scrollPercent + '%'
		});
	};
jqueryHTML/CSS인터랙티브-웹javascript

回答 2

0

jongkmin1991님의 프로필 이미지
jongkmin1991
質問者

아 제가 잘못 달았네요 ㅜㅜ 텍스트 말고 progressbar입니다 ㅜㅜ

ggangcoding162118님의 프로필 이미지
ggangcoding162118
インストラクター

안녕하세요 :)

progressbar 는 css에 적용되는 값이기에 단위를 붙여야 합니다 :D

그럼 또 다른 궁금증이 생기면 문의주세요 :)

0

ggangcoding162118님의 프로필 이미지
ggangcoding162118
インストラクター

안녕하세요 :)

text.text(textPercent);

다음과 같이 작성하여도

image

다음과 같이 문제 없이 나타납니다 !

작성하신 부분에 다른 문제가 있는지 로그 등을 통해 확인해보세요 !

그럼 또 다른 궁금증이 생기면 문의주세요 :)

jongkmin19915422 のプロフィール画像
jongkmin19915422

投稿した質問数

質問する