text:
- 44 Phố Tràng Tiền, Phường Tràng Tiền, Quận Hoàn Kiếm, TP Hà Nội, Việt Nam
- info@savina.com.vn
- 02438257857
Vận chuyển toàn quốc
Đang cập nhật
Tập truyện ngắn “ Những đêm trắng” gồm bảy truyện : Những vì sao (A.Daudet-Pháp), Những đêm trắng (I.Dostoievski-Nga), Mưa (S.Maugham-Anh), Con đầm pích (A.Puskin-Nga), Natali (I.Bunin-Nga), Người đàn bà sinh ban đêm (J.London-Mỹ), Nhật kí người điên (Lỗ Tấn-Trung Quốc).
Bảy truyện ngắn là những tinh hoa trong kho tàng văn học nhân loại, được thể hiện dưới ngòi bút tài tình của các nhà văn bậc thầy.
Với chủ đề “đêm” huyền ảo xuyên suốt tập truyện ngắn, người đọc như đang lạc vào một thế giới cổ tích đầy màu sắc, lại vừa sống động, chân thực.Nơi con người được giải thoát khỏi những chặt hẹp, tù túng của đời thường, được chia sẻ, được yêu thương, được hiểu rằng cuộc đời còn có rất nhiều điều thú vị cần khám phá.
Tập truyện ngắn “ Những đêm trắng” do Tổng công ty sách Việt Nam, Nhà xuất bản Hội nhà văn liên kết xuất bản, được phát hành độc quyền tại Trung tâm sách Việt Nam 44 Tràng Tiền-Hà Nội và các hiệu sách trên toàn quốc.
Tổng công ty sách Việt Nam xin trân trọng giới thiệu cùng bạn đọc.
Những đêm trắng
I. Dostoievski
Đêm thứ nhất
Đó là một đêm kì diệu, một đêm mà có lẽ chỉ có thể có được khi chúng ta còn trẻ, hỡi bạn đọc thân mến. Bầu trời đầy sao, một bầu trời lộng lẫy đến mức ngước nhìn lên nó ta phải bất giác tự hỏi mình: chẳng lẽ những con người cau có, trái tính trái nết đủ loại lại có thể sống dưới một bầu trời như thế... Đây cũng là một câu hỏi của tuổi trẻ, hỡi bạn đọc thân mến, một câu hỏi rất trẻ, nhưng cầu xin Đức Chúa Trời ban cho bạn thường xuyên hơn câu hỏi ấy!.. Còn nói về những quý ngài trái tính trái nết và cau có đủ loại thì tôi không thể không nhớ lại cách xử sự hợp lẽ của tôi trong cả ngày hôm đó. Ngay từ sáng sớm tôi đã bị một nỗi buồn kì lạ hành hạ. Tôi bỗng nhiên có cảm giác rằng tôi, một kẻ cô đơn, đang bị tất cả bỏ rơi, xa lánh. Tất nhiên, bất kì ai cũng có quyền hỏi: tất cả là ai... Bởi vì tôi sống ở Peterburg (1) đã tám năm nay mà hầu như chưa hề làm quen được với một người nào. Nhưng tôi phải làm quen để làm gì... Không có việc đó thì cả thành phố Peterburg cũng đã quen thuộc với tôi rồi; mà chính vì thế nên tôi mới cảm thấy tất cả đều bỏ rơi tôi khi toàn bộ thành Peterburg bỗng đột ngột kéo nhau ra các nhà nghỉ ngoại thành.
Ở lại một mình tôi rất sợ, và suốt ba ngày dài tôi lang thang khắp thành phố trong nỗi buồn nặng nề và tuyệt nhiên không hiểu cái gì đang xẩy ra với mình. Dù xuôi đại lộ Nevxki, dù vào công viên hay lang thang dọc con đường bờ sông - không một khuôn mặt nào tôi vẫn quen gặp ở những nơi đó vào một giờ nhất định trong suốt cả năm qua.
Tất nhiên mọi người không biết tôi, nhưng tôi lại biết họ. Tôi biết họ khá rõ; tôi gần như đã nghiên cứu từng khuôn mặt họ - tôi thích thú ngắm nhìn họ khi họ vui vẻ, và tôi buồn khi họ rầu rĩ u ám. Tôi gần như đã kết bạn với một ông mà tôi vẫn gặp hàng ngày vào một giờ nhất định ở Đài Phun Nước. Ông ta có vẻ mặt trang trọng, trầm tư, lúc nào cũng lẩm bẩm nói chuyện một mình và vung vẩy tay trái, còn trong tay phải là cây gậy dài có nhiều mấu, tay cầm bịt vàng. Ông ta thậm chí đã nhận ra tôi và tỏ vẻ thân thiện đối với tôi. Nếu như vào cái giờ nhất định đó mà tôi không có mặt ở cạnh Đài Phun Nước thì chắc là ông ta cảm thấy buồn. Chính vì vậy mà có khi chúng tôi đã gần như nghiêng người chào nhau, nhất là vào những hôm cả hai thấy trong lòng sảng khoái. Một lần cách đây không lâu, suốt hai ngày chúng tôi không gặp nhau, đến ngày thứ ba vừa trông thấy nhau chúng tôi đã suýt túm lấy vành mũ, nhưng kịp nhớ lại và hạ tay xuống, đi ngang qua nhau với mối đồng cảm trong lòng. Cả những ngôi nhà cũng quen biết tôi. Khi tôi đi ngang qua, chúng dường như chạy ra đón gặp, nhìn tôi bằng tất cả các cửa sổ và hình như nói với tôi: "Chào anh, sức khoẻ anh thế nào... Còn tôi, nhờ trời vẫn khoẻ, đến tháng Năm này tôi sẽ có thêm một tầng nữa". Hay là: "Anh có khoẻ không... Còn tôi ngày mai sẽ được sửa chữa". Hoặc: "Hôm rồi tôi suýt cháy rụi, làm tôi sợ quá", và vân vân... Trong số đó có những ngôi nhà tôi yêu thích, có những ngôi nhà là bạn thân thiết của tôi; có một ngôi nhà mùa hạ này sẽ nhờ kiến trúc sư chạy chữa. Tôi sẽ cố hàng ngày ghé qua thăm để người ta, cầu chúa ban ơn, chạy chữa cho nó đến nơi đến chốn... Và không bao giờ tôi quên câu chuyện xảy ra với ngôi nhà nhỏ màu hồng tươi cực xinh xắn. Đó là một ngôi nhà bằng đá dễ thương, đối với tôi hết sức niềm nở và nhìn những hàng xóm xấu xí của mình kiêu hãnh đến mức mỗi khi đi qua nó tôi thấy tim mình rộn lên vui sướng.
Bỗng nhiên tuần trước khi đi trên phố, vừa nhìn thấy người bạn quen thì tôi chợt nghe một tiếng kêu não ruột: "Mà người ta sắp quét sơn vàng lên tôi đấy! " Quân độc ác! Lũ người man rợ! Họ không thương tiếc một cái gì hết: cả những dãy cột tròn, cả những mái đua, và người bạn của tôi vàng ệch ra như một con chim hoàng yến. Tôi suýt lộn ruột lên vì chuyện ấy và đến giờ không dám đến nhìn lại mặt người bạn đáng thương dị dạng của tôi đã bị trét lên cái màu của các hoàng đế Trung Hoa
Vậy giờ chắc bạn đọc đã hiểu là tôi quen biết với cả thành phố Peterburg như thế nào.... (trích truyện ngắn “Những đêm trắng” của nhà văn Nga I. Dostoievski)

markdown:
- 44 Phố Tràng Tiền, Phường Tràng Tiền, Quận Hoàn Kiếm, TP Hà Nội, Việt Nam
[info@savina.com.vn](mailto:info@savina.com.vn) [02438257857](tel:02438257857)
Vận chuyển toàn quốc
Đang cập nhật
Tập truyện ngắn “ Những đêm trắng” gồm bảy truyện : Những vì sao (A.Daudet-Pháp), Những đêm trắng (I.Dostoievski-Nga), Mưa (S.Maugham-Anh), Con đầm pích (A.Puskin-Nga), Natali (I.Bunin-Nga), Người đàn bà sinh ban đêm (J.London-Mỹ), Nhật kí người điên (Lỗ Tấn-Trung Quốc).
Bảy truyện ngắn là những tinh hoa trong kho tàng văn học nhân loại, được thể hiện dưới ngòi bút tài tình của các nhà văn bậc thầy.
Với chủ đề “đêm” huyền ảo xuyên suốt tập truyện ngắn, người đọc như đang lạc vào một thế giới cổ tích đầy màu sắc, lại vừa sống động, chân thực.Nơi con người được giải thoát khỏi những chặt hẹp, tù túng của đời thường, được chia sẻ, được yêu thương, được hiểu rằng cuộc đời còn có rất nhiều điều thú vị cần khám phá.
Tập truyện ngắn “ Những đêm trắng” do Tổng công ty sách Việt Nam, Nhà xuất bản Hội nhà văn liên kết xuất bản, được phát hành độc quyền tại Trung tâm sách Việt Nam 44 Tràng Tiền-Hà Nội và các hiệu sách trên toàn quốc.
**Tổng công ty sách Việt Nam xin trân trọng giới thiệu cùng bạn đọc.**
Những đêm trắng
**I. Dostoievski**
**Đêm thứ nhất**
Đó là một đêm kì diệu, một đêm mà có lẽ chỉ có thể có được khi chúng ta còn trẻ, hỡi bạn đọc thân mến. Bầu trời đầy sao, một bầu trời lộng lẫy đến mức ngước nhìn lên nó ta phải bất giác tự hỏi mình: chẳng lẽ những con người cau có, trái tính trái nết đủ loại lại có thể sống dưới một bầu trời như thế... Đây cũng là một câu hỏi của tuổi trẻ, hỡi bạn đọc thân mến, một câu hỏi rất trẻ, nhưng cầu xin Đức Chúa Trời ban cho bạn thường xuyên hơn câu hỏi ấy!.. Còn nói về những quý ngài trái tính trái nết và cau có đủ loại thì tôi không thể không nhớ lại cách xử sự hợp lẽ của tôi trong cả ngày hôm đó. Ngay từ sáng sớm tôi đã bị một nỗi buồn kì lạ hành hạ. Tôi bỗng nhiên có cảm giác rằng tôi, một kẻ cô đơn, đang bị tất cả bỏ rơi, xa lánh. Tất nhiên, bất kì ai cũng có quyền hỏi: tất cả là ai... Bởi vì tôi sống ở Peterburg (1) đã tám năm nay mà hầu như chưa hề làm quen được với một người nào. Nhưng tôi phải làm quen để làm gì... Không có việc đó thì cả thành phố Peterburg cũng đã quen thuộc với tôi rồi; mà chính vì thế nên tôi mới cảm thấy tất cả đều bỏ rơi tôi khi toàn bộ thành Peterburg bỗng đột ngột kéo nhau ra các nhà nghỉ ngoại thành.
Ở lại một mình tôi rất sợ, và suốt ba ngày dài tôi lang thang khắp thành phố trong nỗi buồn nặng nề và tuyệt nhiên không hiểu cái gì đang xẩy ra với mình. Dù xuôi đại lộ Nevxki, dù vào công viên hay lang thang dọc con đường bờ sông - không một khuôn mặt nào tôi vẫn quen gặp ở những nơi đó vào một giờ nhất định trong suốt cả năm qua.
Tất nhiên mọi người không biết tôi, nhưng tôi lại biết họ. Tôi biết họ khá rõ; tôi gần như đã nghiên cứu từng khuôn mặt họ - tôi thích thú ngắm nhìn họ khi họ vui vẻ, và tôi buồn khi họ rầu rĩ u ám. Tôi gần như đã kết bạn với một ông mà tôi vẫn gặp hàng ngày vào một giờ nhất định ở Đài Phun Nước. Ông ta có vẻ mặt trang trọng, trầm tư, lúc nào cũng lẩm bẩm nói chuyện một mình và vung vẩy tay trái, còn trong tay phải là cây gậy dài có nhiều mấu, tay cầm bịt vàng. Ông ta thậm chí đã nhận ra tôi và tỏ vẻ thân thiện đối với tôi. Nếu như vào cái giờ nhất định đó mà tôi không có mặt ở cạnh Đài Phun Nước thì chắc là ông ta cảm thấy buồn. Chính vì vậy mà có khi chúng tôi đã gần như nghiêng người chào nhau, nhất là vào những hôm cả hai thấy trong lòng sảng khoái. Một lần cách đây không lâu, suốt hai ngày chúng tôi không gặp nhau, đến ngày thứ ba vừa trông thấy nhau chúng tôi đã suýt túm lấy vành mũ, nhưng kịp nhớ lại và hạ tay xuống, đi ngang qua nhau với mối đồng cảm trong lòng. Cả những ngôi nhà cũng quen biết tôi. Khi tôi đi ngang qua, chúng dường như chạy ra đón gặp, nhìn tôi bằng tất cả các cửa sổ và hình như nói với tôi: "Chào anh, sức khoẻ anh thế nào... Còn tôi, nhờ trời vẫn khoẻ, đến tháng Năm này tôi sẽ có thêm một tầng nữa". Hay là: "Anh có khoẻ không... Còn tôi ngày mai sẽ được sửa chữa". Hoặc: "Hôm rồi tôi suýt cháy rụi, làm tôi sợ quá", và vân vân... Trong số đó có những ngôi nhà tôi yêu thích, có những ngôi nhà là bạn thân thiết của tôi; có một ngôi nhà mùa hạ này sẽ nhờ kiến trúc sư chạy chữa. Tôi sẽ cố hàng ngày ghé qua thăm để người ta, cầu chúa ban ơn, chạy chữa cho nó đến nơi đến chốn... Và không bao giờ tôi quên câu chuyện xảy ra với ngôi nhà nhỏ màu hồng tươi cực xinh xắn. Đó là một ngôi nhà bằng đá dễ thương, đối với tôi hết sức niềm nở và nhìn những hàng xóm xấu xí của mình kiêu hãnh đến mức mỗi khi đi qua nó tôi thấy tim mình rộn lên vui sướng.
Bỗng nhiên tuần trước khi đi trên phố, vừa nhìn thấy người bạn quen thì tôi chợt nghe một tiếng kêu não ruột: "Mà người ta sắp quét sơn vàng lên tôi đấy! " Quân độc ác! Lũ người man rợ! Họ không thương tiếc một cái gì hết: cả những dãy cột tròn, cả những mái đua, và người bạn của tôi vàng ệch ra như một con chim hoàng yến. Tôi suýt lộn ruột lên vì chuyện ấy và đến giờ không dám đến nhìn lại mặt người bạn đáng thương dị dạng của tôi đã bị trét lên cái màu của các hoàng đế Trung Hoa
Vậy giờ chắc bạn đọc đã hiểu là tôi quen biết với cả thành phố Peterburg như thế nào.... (
*trích truyện ngắn “Những đêm trắng” của nhà văn Nga * *I.* * Dostoievski)*

Set-Cookie: _orig_referrer=; expires=Fri, 04-May-2018 11:47:50 GMT; path=/; HttpOnly

X-Page: product-detail

X-Cache: miss

P3P: CP="NOI DSP COR NID ADMa OPTa OUR NOR"


text:
Security in a Box - các công cụ và chiến thuật về an ninh số
Security in-a-Box là một bộ hướng dẫn về an ninh kỹ thuật số cho các nhà hoạt động và bảo vệ nhân quyền trên khắp thế giới.
Nếu bạn chưa biết gì về an ninh kỹ thuật số, thì phần Hướng dẫn Chiến thuật có tư vấn về tất cả các nguyên tắc cơ bản, bao gồm tư vấn về cách sử dụng các nền tảng mạng xã hội và điện thoại di động một cách an toàn hơn. Phần Hướng dẫn Các công cụ sẽ hướng dẫn cho bạn từng bước một trong việc cài đặt và sử dụng các phần mềm và dịch vụ an ninh kỹ thuật số cần thiết nhất.
Phần Hướng dẫn Cộng đồng thì tập trung vào một nhóm người cụ thể — đôi khi ở một số vùng cụ thể — những người phải đối mặt với các mối đe dọa kỹ thuật số nghiêm trọng. Phần này bao gồm cả việc tư vấn thiết kế các công cụ và chiến thuật có liên quan đến như cầu của các nhóm cụ thể.
Security in-a-Box được phán triển chung bỡi Front Line Defenders và Tactical Technology Collective, cùng với một mạng lưới toàn cầu của các nhà hoạt động, giảng viên, và các chuyên gia bảo mật kỹ thuật số.

markdown:
# Security in a Box - các công cụ và chiến thuật về an ninh số
**Security in-a-Box là một bộ hướng dẫn về an ninh kỹ thuật số cho các nhà hoạt động và bảo vệ nhân quyền trên khắp thế giới.**
Nếu bạn chưa biết gì về an ninh kỹ thuật số, thì phần
**Hướng dẫn Chiến thuật** có tư vấn về tất cả các nguyên tắc cơ bản, bao gồm tư vấn về cách sử dụng các nền tảng mạng xã hội và điện thoại di động một cách an toàn hơn. Phần **Hướng dẫn Các công cụ** sẽ hướng dẫn cho bạn từng bước một trong việc cài đặt và sử dụng các phần mềm và dịch vụ an ninh kỹ thuật số cần thiết nhất.
Phần
**Hướng dẫn Cộng đồng** thì tập trung vào một nhóm người cụ thể — đôi khi ở một số vùng cụ thể — những người phải đối mặt với các mối đe dọa kỹ thuật số nghiêm trọng. Phần này bao gồm cả việc tư vấn thiết kế các công cụ và chiến thuật có liên quan đến như cầu của các nhóm cụ thể.
Security in-a-Box được phán triển chung bỡi
[ và Front Line Defenders](https://www.frontlinedefenders.org/) [, cùng với một mạng lưới toàn cầu của các nhà hoạt động, giảng viên, và các chuyên gia bảo mật kỹ thuật số.](https://tacticaltech.org/) **Tactical Technology Collective**

WARC-Type: response

Content-Type: application/http; msgtype=response

WARC-Identified-Payload-Type: text/html

Server: nginx

Content-Type: text/html; charset=UTF-8

Connection: close

Vary: Accept-Encoding

Cache-Control: private

Accept-Ranges: bytes

Strict-Transport-Security: max-age=15768000; includeSubDomains

Set-Cookie: SERVERID=blitz.tacticaltech.org; path=/


text:
Cụ thể, doanh số khai thác mới của HDBank và Dai-ichi Life Việt Nam đã tăng trưởng trên 20 lần, đạt mốc trên 7 tỷ đồng/ tháng vào tháng 7 vừa qua.
Bên cạnh sự chỉ đạo sát sao của Ban Giám đốc Dai-ichi Life Việt Nam và HDBank, không thể không kể đến những nỗ lực và cống hiến hết mình của những cá nhân và tập thể cho dự án này.
Trong buổi lễ kỹ niệm 1 năm hợp tác giữa Dai-ichi Life Việt Nam và HDBank vào ngày 10/8/2016 tại TP. HCM, anh Lê Hoàng Phong – Phó Giám đốc Kênh phân phối mở rộng kiêm Trưởng dự án phía Dai-ichi Life Việt Nam, và anh Huỳnh Trung Minh – Phó Giám đốc Khối Khách hàng cá nhân kiêm Trưởng dự án phía HDBank, đã được vinh danh và tuyên dương vì những nỗ lực hết mình và thành tích xuất sắc trong việc điều phối, kết nối các phòng ban tại các chi nhánh HDBank trên toàn quốc, góp phần cho dự án đạt chỉ tiêu doanh số như dự kiến.
Anh Lê Hoàng Phong – Phó Giám đốc Kênh Phân phối mở rộng Dai-ichi Life Việt Nam (trái, giữa) và anh Huỳnh Trung Minh – Phó Giám đốc Khối Khách hàng Cá nhân HDBank (phải, giữa), được vinh danh “Trưởng Dự án Xuất sắc”.
Anh Phong cho biết thêm “Thành công bước đầu này nhờ vào sự hợp tác chặt chẽ và chuyên nghiệp giữa hai ban dự án và đội ngũ kinh doanh hai bên, đồng thời chúng tôi đã nhận được sự hỗ trợ và động viên kịp thời của Ban lãnh đạo của Dai-ichi Life Việt Nam và HDBank. Bên cạnh đó, chính sách tưởng thưởng hấp dẫn từ HDBank dành cho đội ngũ kinh doanh và sự nhạy bén, linh hoạt, chịu khó học hỏi và nhiệt huyết của đội ngũ nhân viên tư vấn HDBank chính là những yếu tố dẫn đến thành công này”.
Trung thành với nguyên lý “Kaizen” (luôn luôn cải tiến), vốn được xem là chìa khóa thành công trong quản lý của các doanh nghiệp Nhật Bản, Dai-ichi Life Việt Nam không ngừng sáng tạo nhằm mang đến các sản phẩm và dịch vụ bảo hiểm ngày càng ưu việt cũng như các giá trị bền vững dành riêng cho khách hàng HDBank, đáp ứng tốt nhất mọi kế hoạch đa dạng, giúp khách hàng chủ động tài chính, làm chủ tương lai cho bản thân và gia đình.
Với những thành quả đạt được rất đáng tự hào này, cùng chiến lược và hướng đi đúng đắn, sáng tạo, với sự đồng lòng gắn kết của toàn thể Ban Lãnh đạo Dai-ichi Life Việt Nam và HDBank cùng đội ngũ nhân viên và tư vấn tài chính, liên minh hợp tác này sẽ tiếp tục phát triển vững mạnh, tạo dấu ấn mạnh mẽ trên thị trường bancasurance tại Việt Nam trong thời gian sắp tới.

WARC-Truncated: length

Vary: Cookie

X-hacker: If you're reading this, you should visit automattic.com/jobs and apply to join the fun, mention this header.

X-ac: 1.dca _dca


text:
Dịch vụ sửa điện thoại
Hỗ trợ sửa điện thoại
- Hotline: 0982.765.012
Sửa điện thoại HTC ở đâu tốt nhất Hà Nội?
Liên hệ
Chúng tôi luôn tự hào là một trong những Trung Tâm Sửa Điện thoại HTC uy tín, chuyên nghiệp hàng đầu. Đến với trung tâm 247 quý khách sẽ được tư vấn và sửa chữa HTC nhiệt tình đảm bảo uy tín và chất lượng, trong thời gian nhanh nhất.
Nhu cầu sửa điện thoại HTC hiện nay khá lớn khi người dùng sử dụng dòng điện thoại này khá nhiều tuy nhiên chưa thật sự có một đơn vị nào sửa ngon chuyên nghiệp trên địa bàn Hà Nội. Nhiều khách hàng than phiền với chúng tôi rằng máy htc của họ chỉ bị lỗi nhẹ thay nhoàng cái là xong nhưng không biết các ktv làm gì mà hỏng luôn không bật nguồn lên được. Chưa kể là các đơn vị còn làm ăn chộp giật khi tháo ráp linh kiện râu ông này cắm cằm bà kia không biết là sự lãng trí hay quên giả vờ mà lấy đồ zin nguyên máy lắp đồ rởm vào cho khách. Chính vì thế câu hỏi đặt ra là sửa điện thoại HTC ở đâu tốt nhất Hà Nội? được nhiều người quan tâm.
Bạn có biết với công nghệ ngày càng cải tiến vượt bậc, sự phát triển nhanh chóng công nghệ hiện đại việc thiết kế những chiếc Smartphone đã trở nên đơn giản hơn rất nhiều. Không sang trọng như Iphone, không hoành tráng như SamSung nhưng HTC vẫn là thương hiệu uy tín trong lòng những người sử dụng điện thoại thông minh. Trong cơn lốc thiết bị thông minh đang gần như chiễm lĩnh toàn cầu thì HTC đã tạo ra sự đột phá mang sự khác biệt nhất định khi bạn cầm trên tay chiếc điện thoại HTC cảm giác vô cùng chắc chắn, đẹp mắt, khỏe khoắn làm ai cũng muốn ở hữu ngay lập tức. Tuy nhiên có chắc chắn đến đâu đi chăng nữa cũng không tránh khỏi những sai sót nhất định, những lỗi cơ bản, những sự cố không lường trước được. Đến lúc đó, bạn sẽ cần đến sự trợ giúp của dịch vụ sửa điện thoại HTC của 247
Một số lỗi phổ biến hay gặp khi sử dụng điện thoại HTC:
- Nứt hay vỡ màn hình
- Màn hình bị trắng xóa
- Nứt hoặc xước màn hình cảm ứng
- Bật điện thoại không lên nguồn hay lên nguồn nhưng không truy cập được vào máy
- Điện thoại bị mất wifi hoặc mất sóng, không truy cập vào 3G
Mốt số lỗi cơ bản bạn cần nhanh chóng đến ngay trung tâm sửa chữa điện thoại 247 để được tư vấn và sửa chữa kịp thời bởi những kỹ thuật viên giàu kinh nghiệm sẽ đưa ra những phương án xử lý phù hợp nhất. Bạn sẽ không phải mất thêm chi phí nào nữa khi được chúng tôi tư vấn
Địa chỉ sửa điện thoại HTC ở đâu tốt nhất Hà Nội
Với số lượng lớn đội ngũ chuyên viên và kỹ thuật viên giỏi chuyên về điện thoại được đào tạo cách bài bản chuyên nghiệp, có nhiều kinh nghiệm thực tế và các trang thiết bị tối hiện đại nhất đảm bảo sẽ mang lại cho bạn sự hài lòng khi lựa chọn dịch vụ của chúng tôi. Bên cạnh đó, chúng tôi còn chú trọng đến viếc chọn lọc ra những linh kiện và thiết bị có chất lượng tốt, đảm bảo hàng chính hãng với mức giá tốt nhất. Chúng tôi luôn chú trọng xây dựng dịch vụ sửa điện thoại htc luôn hết lòng phục vụ khách hàng để tạo dựng niềm tin và thương hiệu. Hãy đến với chúng tôi để được hưởng dịch vụ uy tín và chất lượng tốt nhất tại Hà Nội.
TRUNG TÂM SỬA ĐIỆN THOẠI 247
Địa chỉ: 311 Tây Sơn - Đống đa - Hà Nội
Hotline: 0982.765.012
Website: http://suachuadienthoai247.com/

markdown:
## Dịch vụ sửa điện thoại
## Hỗ trợ sửa điện thoại
- Hotline: 0982.765.012
## Sửa điện thoại HTC ở đâu tốt nhất Hà Nội?
Liên hệ
Chúng tôi luôn tự hào là một trong những Trung Tâm Sửa Điện thoại HTC uy tín, chuyên nghiệp hàng đầu. Đến với trung tâm 247 quý khách sẽ được tư vấn và sửa chữa HTC nhiệt tình đảm bảo uy tín và chất lượng, trong thời gian nhanh nhất.
Nhu cầu
**sửa điện thoại HTC** hiện nay khá lớn khi người dùng sử dụng dòng điện thoại này khá nhiều tuy nhiên chưa thật sự có một đơn vị nào sửa ngon chuyên nghiệp trên địa bàn Hà Nội. Nhiều khách hàng than phiền với chúng tôi rằng máy htc của họ chỉ bị lỗi nhẹ thay nhoàng cái là xong nhưng không biết các ktv làm gì mà hỏng luôn không bật nguồn lên được. Chưa kể là các đơn vị còn làm ăn chộp giật khi tháo ráp linh kiện râu ông này cắm cằm bà kia không biết là sự lãng trí hay quên giả vờ mà lấy đồ zin nguyên máy lắp đồ rởm vào cho khách. Chính vì thế câu hỏi đặt ra là **sửa điện thoại HTC ở đâu tốt nhất Hà Nội?** được nhiều người quan tâm.
Bạn có biết với công nghệ ngày càng cải tiến vượt bậc, sự phát triển nhanh chóng công nghệ hiện đại việc thiết kế những chiếc Smartphone đã trở nên đơn giản hơn rất nhiều. Không sang trọng như Iphone, không hoành tráng như SamSung nhưng HTC vẫn là thương hiệu uy tín trong lòng những người sử dụng điện thoại thông minh. Trong cơn lốc thiết bị thông minh đang gần như chiễm lĩnh toàn cầu thì HTC đã tạo ra sự đột phá mang sự khác biệt nhất định khi bạn cầm trên tay chiếc điện thoại HTC cảm giác vô cùng chắc chắn, đẹp mắt, khỏe khoắn làm ai cũng muốn ở hữu ngay lập tức. Tuy nhiên có chắc chắn đến đâu đi chăng nữa cũng không tránh khỏi những sai sót nhất định, những lỗi cơ bản, những sự cố không lường trước được. Đến lúc đó, bạn sẽ cần đến sự trợ giúp của dịch vụ
**sửa điện thoại HTC** của 247
**Một số lỗi phổ biến hay gặp khi sử dụng điện thoại HTC:**
- Nứt hay vỡ màn hình
- Màn hình bị trắng xóa
- Nứt hoặc xước màn hình cảm ứng
- Bật điện thoại không lên nguồn hay lên nguồn nhưng không truy cập được vào máy
- Điện thoại bị mất wifi hoặc mất sóng, không truy cập vào 3G
Mốt số lỗi cơ bản bạn cần nhanh chóng đến ngay trung tâm
[ để được tư vấn và sửa chữa kịp thời bởi những kỹ thuật viên giàu kinh nghiệm sẽ đưa ra những phương án xử lý phù hợp nhất. Bạn sẽ không phải mất thêm chi phí nào nữa khi được chúng tôi tư vấn sửa chữa điện thoại 247](http://suachuadienthoai247.com)
**Địa chỉ sửa điện thoại HTC ở đâu tốt nhất Hà Nội**
Với số lượng lớn đội ngũ chuyên viên và kỹ thuật viên giỏi chuyên về điện thoại được đào tạo cách bài bản chuyên nghiệp, có nhiều kinh nghiệm thực tế và các trang thiết bị tối hiện đại nhất đảm bảo sẽ mang lại cho bạn sự hài lòng khi lựa chọn dịch vụ của chúng tôi. Bên cạnh đó, chúng tôi còn chú trọng đến viếc chọn lọc ra những linh kiện và thiết bị có chất lượng tốt, đảm bảo hàng chính hãng với mức giá tốt nhất. Chúng tôi luôn chú trọng xây dựng dịch vụ
[ luôn hết lòng phục vụ khách hàng để tạo dựng niềm tin và thương hiệu. Hãy đến với chúng tôi để được hưởng dịch vụ uy tín và chất lượng tốt nhất tại Hà Nội. sửa điện thoại htc](http://suachuadienthoai247.com/sua-dien-thoai-htc-o-dau-tot-nhat-ha-noi-pd,8656) **TRUNG TÂM SỬA ĐIỆN THOẠI 247**
Địa chỉ: 311 Tây Sơn - Đống đa - Hà Nội
Hotline:
**0982.765.012**
Website: http://suachuadienthoai247.com/
![ Thong ke](/thong-ke.jpg)

WARC-Identified-Payload-Type: application/xhtml+xml

Server: Apache

Pragma: no-cache

Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0


text:
Howdy! Chào các bạn, chúng ta hãy cùng trở lại với chủ đề Parallax Scrolling nhé! Nếu như có bạn nào chưa biết hoặc đã quên hiệu ứng này thì có thể xem Kỹ thuật Parallax Scrolling – Phần 1 mình đã đăng trước đó.
Ở phần đầu, chúng ta đã được giới thiệu khái niệm về Parallax Scrolling và làm quen với cách tạo ra hiệu ứng này bằng một demo nhỏ. Sang phần hai, chúng ta sẽ tăng nhẹ sức mạnh của kỹ thuật parallax scrolling bằng cách áp dụng nó cho nhiều element, nhiều background cùng một lúc. Now, let’s have some fun!
Các “Vũ Khí” Cơ Bản
Trước tiên là phải chuẩn bị các nguyên liệu cần thiết cho việc design. Các bạn vẫn sẽ phải tạo một thư mục chứa project có cấu trúc như hình dưới:
Vai trò của các file đều giống như phần đầu. Đừng quên include 2 file normalize.css và
jquery.min.js trong 2 folder
css và
js. Bên cạnh đó, chúng ta có thêm 1 folder mới khác, đó là
sass. Mình khá là thích sử dụng SASS để code sau đó compile ra file CSS vì code của SASS rất linh hoạt, dễ hiểu và nó giúp mình tiết kiệm thời gian hơn là code thuần CSS.
Các bạn có thể xem qua bài viết Hướng dẫn sử dụng SASS để viết CSS chuyên nghiệp của anh Thạch để biết thêm về cách sử dụng SASS. Đừng lo lắng gì cả, một khi đã rành về CSS thì việc nắm bắt SASS chỉ tốn của bạn khoảng 10′-15′ thôi. Trong code SASS ở bài này mình sẽ chú thích đầy đủ cho mọi người có thể đối chiếu với code CSS thuần.
Mở Đầu Với HTML Và SASS
Đầu tiên là sẽ tạo một trang
index.html. Ý tưởng sẽ là tạo ra 3 thẻ
div đại diện cho 3 phần lớn của trang web, các
div lớn này sẽ có các class chính được đặt tên lần lượt là
.section-1 ,
.section-2 ,
.section-3 . Trong div lớn là các thành phần con như
.greeting-content ,
.quotes ,
.sherlock ,
.steve …

“My name is Sherlock Holmes. It is my business to know what other people don't know.”

“When you have eliminated all the impossible, whatever remains, however improbable, must be the truth.”

“The world is full of obvious things which nobody by any chance ever observes.”

“I never guess. It is a shocking habbit, destructive to the logical faculty.”

“Sometimes life is going to hit you in the head with a brick. Don’t lose faith.”

“Things don't have to change the world to be important.”

“Deciding what not to do is as important as deciding what to do.”

“Design is not just what it looks like and feels like. Design is how it works.”

Sau khi kết thúc phần core của
index.html . Tiếp theo là bước trang trí . Mình sẽ sử dụng SASS bằng cách tạo 1 file
main.scss trong thư mục
sass.
/* Set fullscreen */ html, body { height: 100%; } /* Section 1 --- full screen */ /* CSS .section-1 */ .section-1 { background: url('../img/bg.jpg') no-repeat 50% 0 fixed; height: 100%; font-family: 'Sofadi One', cursive; /* CSS .section-1 .greeting-content */ .greeting-content { max-width: 960px; margin: 100px auto; text-align: center; /* CSS .section-1 .greeting-content h1, .section-1 .greeting-content h3 */ h1, h3 { color: #2c3e50; font-size: 3.5em; } /* CSS .section-1 .greeting-content p */ p { font-size: 2em; background: rgba(231, 76, 60, 0.4); padding: 20px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; /* CSS .section-1 .greeting-content p a */ a { color: #fff; text-decoration: none; } } } } /* Section 2 */ /* CSS .section-2 */ .section-2 { position: relative; height: 800px; max-width: 960px; background: url('../img/londoncity.jpg') no-repeat 50% 0 fixed; font-family: 'Elsie', cursive; overflow: hidden; /* CSS .section-2 #sherlock-img */ #sherlock-img { position: absolute; /* important */ margin: 0 auto; z-index: 200; right: 50px; } /* CSS .section-2 .sherlock */ .sherlock { position: absolute; /* important */ background: rgba(192, 57, 43, 0.8); z-index: 100; left: 100px; width: 600px; font-size: 18px; } } /* Section 3 */ /* CSS .section-3 */ .section-3 { position: relative; height: 900px; max-width: 960px; background: url('../img/appleinc.jpg') no-repeat 50% 0 fixed; font-family: 'Elsie', cursive; overflow: hidden; /* CSS .section-3 #steve-img */ #steve-img { position: absolute; /* important */ margin: 0 auto; z-index: 200; right: 0px; } /* CSS .section-3 .steve */ .steve { position: absolute; /* important */ font-size: 1em; background: rgba(44, 62, 80, 0.8); z-index: 100; left: 50px; width: 600px; font-size: 20px; } }
Tính Toán Parallax Scrolling Cho Hình Nền
Vậy là bước chuẩn bị đã hoàn tất. Để có thể dễ dàng nhận diện parallax scrolling nó như thế nào thì trước khi thực hiện hiệu ứng, các bạn hãy thử cuộn trình duyệt lên xuống và cảm nhận.
Giống như phần đầu tiên, chúng ta tạo thêm 1 file
parallax.js và include nó vào
index.html . Ta vẫn sẽ sử dụng hàm
.bind('scroll', function()) trong jquery để nhận thao tác cuộn chuột từ người dùng và thực hiện parallax function, nhưng lần này chúng ta không áp dụng cho thuộc tính
top mà sẽ áp dụng cho thuộc tính background-position , bởi vì trong code SASS chúng ta đã cài đặt hình nền bằng
background: url('...') no-repeat 50% 0px fixed , trong đó
background-position: 50% 0px .
Để background có thể di chuyển theo thao tác scroll chuột của người dùng, chúng ta sẽ liên tục cập nhật giá trị thứ hai (yPos) trong
background-position .
Như SASS chúng ta đã định nghĩa,
background-position của cả 3
div.section là
50% 0px . Tức là khi cửa sổ browser của người dùng scroll đến vị trí của
div nào ,
div đó phải có giá trị yPos = 0px.
Ví dụ: khi
.section-1 nằm trong viewport thì sẽ có style=”background-position: 50% 0px;”
Và khi scroll đến
.section-2 , lúc này
.section-2 sẽ có style=”background-position: 50% 0px;”
Như vậy đối với
background-position thì chúng ta sẽ có công thức tính parallax như sau:
background-yPos = ( div.offset.top - scrollPos ) * speed
Trong đó:
- div.offset.top sẽ là giá trị top của thẻ div đó trong trang web, xem thêm về .offset() trong jquery.
- scrollPos vẫn là vị trí scrollbar, thay đổi liên tục khi người dùng scroll chuột.
- speed là tốc độ thay đổi của yPos.
Nhìn lên sơ đồ trên ( mình dùng paint 😀 ), ta thử tính toán:
- Khi chưa scroll chuột,
.section-1nằm trong browser viewport, scrollPos = 0px, div-1.offset.top = 0px =>
.section-1có background-yPos-1 = 0px. Trong quá trình scroll chuột xuống, background-yPos-1 sẽ giảm dần, vậy background sẽ đi lên.
- Khi scrollPos = 300px , lúc này đã kết thúc
.section-1,
.section-2nằm trong viewport, do div-2.offset.top = 300px => background-yPos-2 = 0px.
- Khi scrollPos = 800px,
.section-3nằm trong viewport, do div-3.offset.top = 800px => background-yPos-3 = 0px.
Parallax Action
Phần nhức đầu nhất đã qua, bây giờ sẽ là áp dụng công thức vào code jquery, mở file
parallax.js, ta sử dụng đoạn code sau:
$(document).ready(function() { $(window).bind('scroll', function() { parallax(); }); }); function parallax() { var scrollPos = $(window).scrollTop(); // Section 1 $('.section-1').css('backgroundPosition', "50% " + Math.round(($('.section-1').offset().top - scrollPos) * 0.5) + "px"); // Section 2 $('.section-2').css('backgroundPosition', "50% " + Math.round(($('.section-2').offset().top - scrollPos) * 0.3) + "px"); // Section 3 $('.section-3').css('backgroundPosition', "50% " + Math.round(($('.section-3').offset().top - scrollPos) * 0.4) + "px"); }
Kế đó là áp dụng parallax scrolling cho phần
img và các
.quotes , cái này thì giống như phần 1, thay đổi giá trị
top của chúng là xong. Lưu ý là do các
div.section có
position: relative và hình ảnh, câu quote có
position: absolute nên tọa độ của chúng sẽ dựa vào các
div.section chứ không dựa vào toàn bộ website. Đến đây ta có thể hoàn chỉnh file
parallax.js bằng đoạn code sau:
$(document).ready(function() { $(window).bind('scroll', function() { parallax(); }); }); function parallax() { var scrollPos = $(window).scrollTop(); // Section 1 $('.section-1').css('backgroundPosition', "50% " + Math.round(($('.section-1').offset().top - scrollPos) * 0.5) + "px"); // Section 2 $('.section-2').css('backgroundPosition', "50% " + Math.round(($('.section-2').offset().top - scrollPos) * 0.3) + "px"); $('.sherlock').css('top',(300 - (scrollPos * 0.2)) + 'px') $('#sherlock-img').css('top',(800 - (scrollPos * 1)) + 'px') // Section 3 $('.section-3').css('backgroundPosition', "50% " + Math.round(($('.section-3').offset().top - scrollPos) * 0.4) + "px"); $('.steve').css('top',(1000 - (scrollPos * 0.5)) + 'px') $('#steve-img').css('top',(1700 - (scrollPos * 1)) + 'px') }
Trong source file mình sử dụng jquery function để cho code ngắn gọn, không dài dòng khó nhìn như thế này, các bạn có thể tham khảo sau 😀
Vậy là đã xong toàn bộ rồi. Bây giờ các bạn có thể load lại trang (mình hay dùng ctrl+F5 để chống cache) và xem thành quả 😀 Really cool, huh?
Lời Kết
Như vậy là mình sẽ kết thúc chủ đề về Parallax Scrolling ở phần hai này. Khi đã nắm bắt được hết về parallax scrolling, hãy thử áp dụng nó vào thực tế. Parallax Scrolling có thể giúp bạn làm 1 trang web kể chuyện hoành tráng giống như Life of Pi Movie hay Every Last Drop. Hi vọng là mình có thể khiến các bạn thích thú với hiệu ứng này hoặc là tạo thêm cảm hứng sáng tạo cho các bạn trong việc thiết kế một trang web đẹp mắt, sinh động. Good luck and have fun!

markdown:
Howdy! Chào các bạn, chúng ta hãy cùng trở lại với chủ đề
*Parallax Scrolling* nhé! Nếu như có bạn nào chưa biết hoặc đã quên hiệu ứng này thì có thể xem [Kỹ thuật Parallax Scrolling – Phần 1 ](https://thachpham.com/web-development/javascript-jquery/web-design-ky-thuat-parallax-scrolling-phan-1.html)mình đã đăng trước đó.
Ở phần đầu, chúng ta đã được giới thiệu khái niệm về
*Parallax Scrolling* và làm quen với cách tạo ra hiệu ứng này bằng một demo nhỏ. Sang phần hai, chúng ta sẽ tăng nhẹ sức mạnh của kỹ thuật parallax scrolling bằng cách áp dụng nó cho nhiều element, nhiều background cùng một lúc. Now, let’s have some fun!
### Các “Vũ Khí” Cơ Bản
Trước tiên là phải chuẩn bị các nguyên liệu cần thiết cho việc design. Các bạn vẫn sẽ phải tạo một thư mục chứa project có cấu trúc như hình dưới:
Vai trò của các file đều giống như
[phần đầu](https://thachpham.com/web-development/javascript-jquery/web-design-ky-thuat-parallax-scrolling-phan-1.html). Đừng quên include 2 file [normalize.css](https://github.com/necolas/normalize.css/) và
jquery.min.js trong 2 folder
css và
js. Bên cạnh đó, chúng ta có thêm 1 folder mới khác, đó là
. Mình khá là thích sử dụng SASS để code sau đó compile ra file CSS vì code của SASS rất linh hoạt, dễ hiểu và nó giúp mình tiết kiệm thời gian hơn là code thuần CSS.
[sass](https://thachpham.com/web-development/html-css/huong-dan-su-dung-sass-de-viet-css.html)
Các bạn có thể xem qua bài viết
[Hướng dẫn sử dụng SASS để viết CSS chuyên nghiệp](https://thachpham.com/web-development/html-css/huong-dan-su-dung-sass-de-viet-css.html) của anh Thạch để biết thêm về cách sử dụng SASS. Đừng lo lắng gì cả, một khi đã rành về CSS thì việc nắm bắt SASS chỉ tốn của bạn khoảng 10′-15′ thôi. Trong code SASS ở bài này mình sẽ chú thích đầy đủ cho mọi người có thể đối chiếu với code CSS thuần.
### Mở Đầu Với HTML Và SASS
Đầu tiên là sẽ tạo một trang
index.html. Ý tưởng sẽ là tạo ra 3 thẻ
div đại diện cho 3 phần lớn của trang web, các
div lớn này sẽ có các class chính được đặt tên lần lượt là
.section-1 ,
.section-2 ,
.section-3 . Trong div lớn là các thành phần con như
.greeting-content ,
.quotes ,
.sherlock ,
.steve …

“My name is Sherlock Holmes. It is my business to know what other people don't know.”

“When you have eliminated all the impossible, whatever remains, however improbable, must be the truth.”

“The world is full of obvious things which nobody by any chance ever observes.”

“I never guess. It is a shocking habbit, destructive to the logical faculty.”

“Sometimes life is going to hit you in the head with a brick. Don’t lose faith.”

“Things don't have to change the world to be important.”

“Deciding what not to do is as important as deciding what to do.”

“Design is not just what it looks like and feels like. Design is how it works.”

Sau khi kết thúc phần core của
index.html . Tiếp theo là bước trang trí . Mình sẽ sử dụng SASS bằng cách tạo 1 file
main.scss trong thư mục
sass.
/* Set fullscreen */ html, body { height: 100%; } /* Section 1 --- full screen */ /* CSS .section-1 */ .section-1 { background: url('../img/bg.jpg') no-repeat 50% 0 fixed; height: 100%; font-family: 'Sofadi One', cursive; /* CSS .section-1 .greeting-content */ .greeting-content { max-width: 960px; margin: 100px auto; text-align: center; /* CSS .section-1 .greeting-content h1, .section-1 .greeting-content h3 */ h1, h3 { color: #2c3e50; font-size: 3.5em; } /* CSS .section-1 .greeting-content p */ p { font-size: 2em; background: rgba(231, 76, 60, 0.4); padding: 20px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; /* CSS .section-1 .greeting-content p a */ a { color: #fff; text-decoration: none; } } } } /* Section 2 */ /* CSS .section-2 */ .section-2 { position: relative; height: 800px; max-width: 960px; background: url('../img/londoncity.jpg') no-repeat 50% 0 fixed; font-family: 'Elsie', cursive; overflow: hidden; /* CSS .section-2 #sherlock-img */ #sherlock-img { position: absolute; /* important */ margin: 0 auto; z-index: 200; right: 50px; } /* CSS .section-2 .sherlock */ .sherlock { position: absolute; /* important */ background: rgba(192, 57, 43, 0.8); z-index: 100; left: 100px; width: 600px; font-size: 18px; } } /* Section 3 */ /* CSS .section-3 */ .section-3 { position: relative; height: 900px; max-width: 960px; background: url('../img/appleinc.jpg') no-repeat 50% 0 fixed; font-family: 'Elsie', cursive; overflow: hidden; /* CSS .section-3 #steve-img */ #steve-img { position: absolute; /* important */ margin: 0 auto; z-index: 200; right: 0px; } /* CSS .section-3 .steve */ .steve { position: absolute; /* important */ font-size: 1em; background: rgba(44, 62, 80, 0.8); z-index: 100; left: 50px; width: 600px; font-size: 20px; } }
### Tính Toán Parallax Scrolling Cho Hình Nền
Vậy là bước chuẩn bị đã hoàn tất. Để có thể dễ dàng nhận diện parallax scrolling nó như thế nào thì trước khi thực hiện hiệu ứng, các bạn hãy thử cuộn trình duyệt lên xuống và
*cảm nhận*.
Giống như phần đầu tiên, chúng ta tạo thêm 1 file
parallax.js và include nó vào
index.html . Ta vẫn sẽ sử dụng hàm
.bind('scroll', function()) trong jquery để nhận thao tác cuộn chuột từ người dùng và thực hiện parallax function, nhưng lần này chúng ta
**không** áp dụng cho thuộc tính
top mà sẽ áp dụng cho thuộc tính
[background-position](https://www.w3schools.com/cssref/pr_background-position.asp) , bởi vì trong code SASS chúng ta đã cài đặt hình nền bằng
background: url('...') no-repeat 50% 0px fixed , trong đó
background-position: 50% 0px .
Để background có thể di chuyển theo thao tác scroll chuột của người dùng, chúng ta sẽ liên tục cập nhật giá trị
**thứ hai (yPos)** trong
background-position .
Như SASS chúng ta đã định nghĩa,
background-position của cả 3
div.section là
50% 0px . Tức là khi cửa sổ browser của người dùng scroll đến vị trí của
div nào ,
div đó phải có giá trị
**yPos = 0px**. *Ví dụ:* khi
.section-1 nằm trong viewport thì sẽ có
**style=”background-position: 50% 0px;”**
Và khi scroll đến
.section-2 , lúc này
.section-2 sẽ có
**style=”background-position: 50% 0px;”**
Như vậy đối với
background-position thì chúng ta sẽ có công thức tính parallax như sau:
background-yPos = ( div.offset.top - scrollPos ) * speed
Trong đó:
**div.offset.top**sẽ là giá trị top của thẻ div đó trong trang web, [xem thêm về .offset() trong jquery](https://api.jquery.com/offset/). **scrollPos**vẫn là vị trí scrollbar, thay đổi liên tục khi người dùng scroll chuột. **speed**là tốc độ thay đổi của yPos.
Nhìn lên sơ đồ trên ( mình dùng paint 😀 ), ta thử tính toán:
- Khi chưa scroll chuột,
.section-1nằm trong browser viewport,
**scrollPos = 0px**, **div-1.offset.top = 0px**=>
.section-1có
**background-yPos-1 = 0px**. Trong quá trình scroll chuột xuống, background-yPos-1 sẽ giảm dần, vậy background sẽ đi lên.
- Khi
**scrollPos = 300px**, lúc này đã kết thúc
.section-1,
.section-2nằm trong viewport, do
**div-2.offset.top = 300px**=> **background-yPos-2 = 0px**.
- Khi
**scrollPos = 800px**,
.section-3nằm trong viewport, do
**div-3.offset.top = 800px**=> **background-yPos-3 = 0px**.
### Parallax Action
Phần nhức đầu nhất đã qua, bây giờ sẽ là áp dụng công thức vào code jquery, mở file
parallax.js, ta sử dụng đoạn code sau:
$(document).ready(function() { $(window).bind('scroll', function() { parallax(); }); }); function parallax() { var scrollPos = $(window).scrollTop(); // Section 1 $('.section-1').css('backgroundPosition', "50% " + Math.round(($('.section-1').offset().top - scrollPos) * 0.5) + "px"); // Section 2 $('.section-2').css('backgroundPosition', "50% " + Math.round(($('.section-2').offset().top - scrollPos) * 0.3) + "px"); // Section 3 $('.section-3').css('backgroundPosition', "50% " + Math.round(($('.section-3').offset().top - scrollPos) * 0.4) + "px"); }
Kế đó là áp dụng parallax scrolling cho phần
img và các
.quotes , cái này thì giống như phần 1, thay đổi giá trị
top của chúng là xong. Lưu ý là do các
div.section có
position: relative và hình ảnh, câu quote có
position: absolute nên tọa độ của chúng sẽ dựa vào các
div.section chứ không dựa vào toàn bộ website. Đến đây ta có thể hoàn chỉnh file
parallax.js bằng đoạn code sau:
$(document).ready(function() { $(window).bind('scroll', function() { parallax(); }); }); function parallax() { var scrollPos = $(window).scrollTop(); // Section 1 $('.section-1').css('backgroundPosition', "50% " + Math.round(($('.section-1').offset().top - scrollPos) * 0.5) + "px"); // Section 2 $('.section-2').css('backgroundPosition', "50% " + Math.round(($('.section-2').offset().top - scrollPos) * 0.3) + "px"); $('.sherlock').css('top',(300 - (scrollPos * 0.2)) + 'px') $('#sherlock-img').css('top',(800 - (scrollPos * 1)) + 'px') // Section 3 $('.section-3').css('backgroundPosition', "50% " + Math.round(($('.section-3').offset().top - scrollPos) * 0.4) + "px"); $('.steve').css('top',(1000 - (scrollPos * 0.5)) + 'px') $('#steve-img').css('top',(1700 - (scrollPos * 1)) + 'px') }
Trong source file mình sử dụng jquery function để cho code ngắn gọn, không dài dòng khó nhìn như thế này, các bạn có thể tham khảo sau 😀
Vậy là đã xong toàn bộ rồi. Bây giờ các bạn có thể load lại trang (mình hay dùng ctrl+F5 để chống cache) và xem thành quả 😀 Really cool, huh?
### Lời Kết
Như vậy là mình sẽ kết thúc chủ đề về
*Parallax Scrolling* ở phần hai này. Khi đã nắm bắt được hết về parallax scrolling, hãy thử áp dụng nó vào thực tế. Parallax Scrolling có thể giúp bạn làm 1 trang web kể chuyện hoành tráng giống như [Life of Pi Movie](http://journey.lifeofpimovie.com) hay [Every Last Drop](http://everylastdrop.co.uk/). Hi vọng là mình có thể khiến các bạn thích thú với hiệu ứng này hoặc là tạo thêm cảm hứng sáng tạo cho các bạn trong việc thiết kế một trang web đẹp mắt, sinh động. Good luck and have fun!

Server: cloudflare

X-Content-Type-Options: nosniff

X-SRCache-Store-Status: STORE

Set-Cookie: __cfduid=da36b12eeb00ffc9e64c8966df44e62581524138333; expires=Fri, 19-Apr-19 11:45:33 GMT; path=/; domain=.thachpham.com; HttpOnly

X-SRCache-Fetch-Status: MISS

X-Powered-By: EasyEngine 3.7.5